JavaScript in TypeScript importieren

Wir werden besprechen, wie JavaScript in die TypeScript-Sprache importiert wird.

Importieren von JavaScript in TypeScript

Bevor wir auf das Hauptthema eingehen, geben wir eine kurze Information über die Programmiersprachen JavaScript und TypeScript. TypeScript ist eine hochwertige Programmiersprache, die hauptsächlich vom Technologieunternehmen Microsoft entwickelt und gepflegt wird.

Der Hauptzweck von TypeScript besteht darin, dass es als syntaktische Obermenge von JavaScript erstellt wird, das über einen Open-Source-Open-Compiler verfügt und von einem einzigen Anbieter von Microsoft stammt. Transcript fängt Typsystemfehler ab, was JavaScript effizienter macht.

JavaScript ist vor allem als Websprache bekannt. Die von JavaScript erstellte Website bietet den Benutzern eine interaktive Ansicht, die sie einbindet. Einige Vorteile der Verwendung von JavaScript sind Serverlast, reichhaltige Benutzeroberfläche und Vielseitigkeit.

Das Importieren von JavaScript in TypeScript ist eine einfache Methode. Jetzt beginnen wir mit der Konvertierung von JavaScript in TypeScript.

Wenn wir an JavaScript arbeiten, sollten wir unser JavaScript direkt ausführen. Wir arbeiten an einer .js-Datei, in der wir im Wörterbuch wie src, lib und dist stehen, und führen sie dann wie gewünscht aus.

Angenommen, wir schreiben in JavaScript und möchten unsere geschriebenen Daten in diesem Zustand als Eingabe in TypeScript hinzufügen. In diesem Fall müssen wir Ihre Eingabe- und Ausgabedateien trennen, um zu verhindern, dass TypeScript sie überschreibt.

Die Einstellung allowJs erlaubt den Import von JavaScript-Dateien in unsere TypeScript-Dateien. Die Einstellung ermöglicht im Wesentlichen, dass JavaScript- und TypeScript-Dateien in identischen Projekten leben.

Lassen Sie uns eine Beispieldatei haben, die wir in TypeScript importieren müssen, die den Pfad ./js/Programming_file.js hat. In dieser ersten Methode verwenden wir die Funktion require(), wir können Dateien importieren, wie unten gezeigt:

# typescript
var Programming_file = require('./../js/programming_file');

Bei dieser zweiten Methode importieren wir die JavaScript-Datei mit der Funktion import {var_name} in das TypeScript.

# typescript
import {Programming_file} from './../js/Programming_file'