Phản ứng các mô-đun ES6
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.
Mô-đun ES dựa vào các câu lệnh import
và export
.
Xuất khẩu
Bạn có thể xuất hàm hoặc biến từ bất kỳ tệp nào.
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.
Có hai loại xuất: Được đặt tên và Mặc định.
Xuất khẩu có tên
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.
Ví dụ
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 }
Được chứng nhận!
$95 ĐĂNG KÝ
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.
Các xuất khẩu được đặt tên phải được hủy cấu trúc bằng dấu ngoặc nhọn. Xuất khẩu mặc định thì không.
Ví dụ
Nhập các bản xuất có tên từ tệp Person.js:
import { name, age } from "./person.js";
Ví dụ
Nhập bản xuất mặc định từ tệp tin nhắn.js:
import message from "./message.js";