Trong ví dụ này, bạn sẽ học cách viết một chương trình JavaScript sẽ bao gồm một tệp JS vào một tệp JS khác.
Để hiểu ví dụ này, bạn nên có kiến thức về các chủ đề lập trình JavaScript sau:
- Các biến và hằng số JavaScript
- Hàm JavaScript và biểu thức hàm
- Mô-đun JavaScript
Ví dụ: Sử dụng nhập / xuất
Hãy tạo một tệp có tên module.js (tên tệp có thể là bất kỳ thứ gì) với nội dung sau:
// 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 );
Để bao gồm các biến và hàm này trong một tệp khác, chẳng hạn như main.js , bạn có thể sử dụng importtừ khóa như:
// 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
Để bao gồm một tệp khác, bạn phải xuất mã mà bạn muốn sử dụng trong một tệp khác bằng exportcâu lệnh. Ví dụ,
export ( message, number, multiplyNumbers );
Bạn cũng có thể thực hiện xuất khẩu cá nhân. Ví dụ,
export const message = 'hello world'; export const number = 10;
Để bao gồm mã từ tệp khác, bạn phải sử dụng importcâu lệnh và nhập bằng đường dẫn tệp. Ví dụ,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Sau đó, bạn có thể sử dụng các mã này vì chúng là một phần của cùng một tệp.
Điều này giúp viết mã sạch hơn, có thể bảo trì và mô-đun.
