Importar JavaScript en TypeScript

Rana Hasnain Khan 13 junio 2022
Importar JavaScript en TypeScript

Discutiremos cómo importar JavaScript al lenguaje TypeScript.

Importar JavaScript en TypeScript

Antes de discutir el tema principal, daremos una breve información sobre los lenguajes de programación JavaScript y TypeScript. TypeScript es un lenguaje de programación de alta calidad desarrollado y mantenido principalmente por la empresa de tecnología Microsoft.

El propósito principal de TypeScript es que está hecho como un superconjunto sintáctico de JavaScript, que tiene un compilador abierto de código abierto y por un solo proveedor de Microsoft. Transcript detecta los errores del sistema de tipos, lo que hace que JavaScript sea más eficiente.

JavaScript es más famoso como lenguaje web. El sitio web creado con JavaScript brinda una vista interactiva a los usuarios, lo que ayuda a involucrarlos. Algunas ventajas de usar JavaScript son la carga del servidor, la interfaz rica y la versatilidad.

Importar JavaScript en TypeScript es un método simple. Ahora comenzamos el proceso de convertir JavaScript a TypeScript.

Si estamos trabajando en JavaScript, deberíamos ejecutar nuestro JavaScript directamente. Estamos trabajando en un archivo .js donde estamos en el diccionario como src, lib y dist, luego lo ejecutamos como deseemos.

Supongamos que estamos escribiendo en JavaScript y queremos agregar nuestros datos escritos como entrada en TypeScript en esta condición. En ese caso, necesitamos separar sus archivos de entrada y salida para evitar que TypeScript los sobrescriba.

La configuración allowJs permite importar archivos JavaScript dentro de nuestros archivos TypeScript. La configuración esencialmente permite que los archivos JavaScript y TypeScript vivan en proyectos idénticos.

Tengamos un archivo de ejemplo que necesitamos importar a TypeScript, que tiene la ruta ./js/Programming_file.js. En este primer método, usamos la función require(), podemos importar archivos, como se muestra a continuación:

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

En este segundo método, importamos el archivo JavaScript en el TypeScript usando la función import {var_name}.

# typescript
import {Programming_file} from './../js/Programming_file'
Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn

Artículo relacionado - TypeScript Import