Importer JavaScript dans TypeScript

Nous verrons comment importer JavaScript dans le langage TypeScript.

Importer JavaScript dans les langages TypeScript

Avant d’aborder le sujet principal, nous donnerons une brève information sur les langages de programmation JavaScript et TypeScript. TypeScript est un langage de programmation de haute qualité principalement développé et maintenu par la société technologique Microsoft.

L’objectif principal de TypeScript est qu’il est conçu comme un sur-ensemble syntaxique de JavaScript, qui dispose d’un compilateur open source et d’un seul fournisseur de Microsoft. Transcript détecte les erreurs du système de type, ce qui rend JavaScript plus efficace.

JavaScript est le plus connu en tant que langage Web. Le site Web créé par JavaScript donne une vue interactive aux utilisateurs, ce qui les aide à s’engager. Certains avantages de l’utilisation de JavaScript sont la charge du serveur, l’interface riche et la polyvalence.

L’importation de JavaScript dans TypeScript est une méthode simple. Nous commençons maintenant le processus de conversion de JavaScript en TypeScript.

Si nous travaillons sur JavaScript, nous devons exécuter notre JavaScript directement. Nous travaillons sur un fichier .js où nous sommes dans le dictionnaire comme src, lib et dist, puis exécutez-le comme vous le souhaitez.

Supposons que nous écrivions en JavaScript et que nous souhaitions ajouter nos données écrites en entrée dans TypeScript dans cette condition. Dans ce cas, nous devons séparer vos fichiers d’entrée et de sortie pour empêcher TypeScript de les écraser.

Le paramètre allowJs permet d’importer des fichiers JavaScript dans nos fichiers TypeScript. Le paramètre permet essentiellement aux fichiers JavaScript et TypeScript de vivre dans des projets identiques.

Prenons un exemple de fichier que nous devons importer dans TypeScript, qui a le chemin ./js/Programming_file.js. Dans cette première méthode, nous utilisons la fonction require(), nous pouvons importer des fichiers, comme indiqué ci-dessous :

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

Dans cette seconde méthode, nous importons le fichier JavaScript dans le TypeScript à l’aide de la fonction import {var_name}.

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