Mô-đun JavaScript
Mô-đun
Các mô-đun JavaScript cho phép bạn chia mã của mình thành các tệp riêng biệt.
Điều này giúp việc duy trì cơ sở mã dễ dàng hơn.
Các mô-đun được nhập từ các tệp bên ngoài bằng câu lệnh import
.
Các mô-đun cũng dựa vào type="module"
trong thẻ <script>.
Xuất khẩu
Các mô-đun có chức năng hoặc biến có thể được lưu trữ trong bất kỳ tệp bên ngoài nào.
Có hai loại xuất: Xuất có tên và Xuất mặc định .
Xuất khẩu có tên
Hãy để chúng tôi tạo một tệp có tên person.js
và điền vào đó những thứ chúng tôi muốn xuất.
Bạn có thể tạo các bản xuất có tên theo hai cách. Trong dòng riêng lẻ hoặc tất cả cùng một lúc ở phía dưới.
Trong dòng riêng lẻ:
person.js
export const name = "Jesse";
export const age = 40;
Tất cả cùng một lúc ở phía dưới:
person.js
const name = "Jesse";
const age = 40;
export {name, age};
Xuất mặc định
Chúng ta hãy tạo một tệp khác, có tên message.js
và sử dụng nó để minh họa việc xuất mặc định.
Bạn chỉ có thể có một lần xuất mặc định trong một tệp.
Ví dụ
message.js
const message = () => {
const name = "Jesse";
const age = 40;
return name + ' is ' + age + 'years old.';
};
export default message;
Nhập khẩu
Bạn có thể nhập mô-đun vào một tệp theo hai cách, dựa trên việc chúng được đặt tên là xuất hay xuất mặc định.
Xuất khẩu có tên được xây dựng bằng cách sử dụng dấu ngoặc nhọn. Xuất mặc định thì không.
Nhập từ xuất khẩu có tên
Nhập các bản xuất có tên từ tệp Person.js:
import { name, age } from "./person.js";
Nhập từ xuất mặc định
Nhập bản xuất mặc định từ tệp tin nhắn.js:
import message from "./message.js";
Ghi chú
Các mô-đun chỉ hoạt động với (các) giao thức HTTP.
Một trang web được mở qua giao thức file:// không thể sử dụng tính năng nhập/xuất.