Programa JavaScript para incluir un archivo JS en otro archivo JS

En este ejemplo, aprenderá a escribir un programa JavaScript que incluirá un archivo JS en otro archivo JS.

Para comprender este ejemplo, debe tener el conocimiento de los siguientes temas de programación de JavaScript:

  • Variables y constantes de JavaScript
  • Funciones de JavaScript y expresiones de función
  • Módulos JavaScript

Ejemplo: usar importación / exportación

Creemos un archivo llamado module.js (el nombre del archivo puede ser cualquier cosa) con el siguiente contenido:

 // program to include JS file into another JS file const message = 'hello world'; const number = 10; function multiplyNumbers(a, b) ( return a * b; ) // exporting variables and function export ( message, number, multiplyNumbers );

Para incluir estas variables y funciones en otro archivo, digamos main.js , puede usar la importpalabra clave como:

 // import the variables and function from module.js import ( message, number, multiplyNumbers ) from './modules.js'; console.log(message); // hello world console.log(number); // 10 console.log(multiplyNumbers(3, 4)); // 12 console.log(multiplyNumbers(5, 8)); // 40

Para incluir otro archivo, debe exportar el código que desea usar en otro archivo usando la exportinstrucción. Por ejemplo,

 export ( message, number, multiplyNumbers );

También puede realizar una exportación individual. Por ejemplo,

 export const message = 'hello world'; export const number = 10;

Para incluir código de otro archivo, debe usar la importdeclaración e importar usando la ruta del archivo. Por ejemplo,

 // importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';

Luego, puede utilizar estos códigos, ya que son parte del mismo archivo.

Esto ayuda a escribir código más limpio, fácil de mantener y modular.

Articulos interesantes...