W tym przykładzie nauczysz się pisać program JavaScript, który włączy plik JS do innego pliku JS.
Aby zrozumieć ten przykład, powinieneś znać następujące tematy programowania JavaScript:
- Zmienne i stałe JavaScript
- Funkcje i wyrażenia funkcyjne JavaScript
- Moduły JavaScript
Przykład: Korzystanie z importu / eksportu
Utwórzmy plik o nazwie module.js (nazwa pliku może być dowolna ) z następującą zawartością:
// 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 );
Aby uwzględnić te zmienne i funkcje w innym pliku, na przykład main.js , możesz użyć import
słowa kluczowego jako:
// 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
Aby dołączyć inny plik, musisz wyeksportować kod, którego chcesz użyć w innym pliku, używając export
instrukcji. Na przykład,
export ( message, number, multiplyNumbers );
Możesz także dokonać indywidualnego eksportu. Na przykład,
export const message = 'hello world'; export const number = 10;
Aby dołączyć kod z innego pliku, musisz użyć import
instrukcji i zaimportować, używając ścieżki do pliku. Na przykład,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Następnie możesz użyć tych kodów, ponieważ są one częścią tego samego pliku.
Pomaga to w pisaniu czystszego, łatwego w utrzymaniu i modułowego kodu.