Neste exemplo, você aprenderá a escrever um programa JavaScript que incluirá um arquivo JS em outro arquivo JS.
Para entender este exemplo, você deve ter conhecimento dos seguintes tópicos de programação JavaScript:
- Variáveis e constantes de JavaScript
- Função JavaScript e expressões de função
- Módulos JavaScript
Exemplo: usando importação / exportação
Vamos criar um arquivo denominado module.js (nome do arquivo pode ser qualquer coisa) com o seguinte conteúdo:
// 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 essas variáveis e funções em outro arquivo, digamos main.js , você pode usar a import
palavra - chave 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 outro arquivo, você deve exportar o código que deseja usar em outro arquivo usando a export
instrução. Por exemplo,
export ( message, number, multiplyNumbers );
Você também pode fazer exportação individual. Por exemplo,
export const message = 'hello world'; export const number = 10;
Para incluir o código de outro arquivo, você deve usar a import
instrução e importar usando o caminho do arquivo. Por exemplo,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Então, você pode usar esses códigos, pois eles fazem parte do mesmo arquivo.
Isso ajuda a escrever um código mais limpo, sustentável e modular.