Tạo ES Module trong JavaScript

Bây giờ hãy bắt đầu tìm hiểu về các module. Mỗi module phải là một file riêng biệt. Các biến và hàm mà chúng ta đặt trong file này sẽ không thể truy cập được từ bên ngoài file. Đây là lợi thế của module - chúng ta có thể tạo bất kỳ biến và hàm nào mà không sợ xung đột với tên từ các thư viện khác.

Những biến và hàm mà chúng ta muốn hiển thị ra bên ngoài, chúng ta phải export chúng bằng lệnh export.

Hãy thử với một ví dụ. Chúng ta sẽ tạo module math, module này sẽ cung cấp một thư viện các hàm cho các phép toán toán học.

Chúng ta sẽ đặt module của mình trong file math.js và tạo một vài hàm trong đó:

function root2(num) {
	return round(num ** (1 / 2));
}
function root3(num) {
	return round(num ** (1 / 3));
}
function round(num) {
	return num.toFixed(2);
}

Hãy để các hàm khai căn là chính và sẽ được export ra ngoài, còn hàm làm tròn là hàm phụ trợ và sẽ không được export. Hãy thêm lệnh export cho các hàm cần thiết:

export function root2(num) {
	return round(num ** (1 / 2));
}
export function root3(num) {
	return round(num ** (1 / 3));
}
function round(num) {
	return num.toFixed(2);
}

Hãy tạo một module chứa hàm pow2 để tính lũy thừa bậc hai của một số, pow3 để tính lũy thừa bậc ba và pow4 để tính lũy thừa bậc bốn.