Chuyển đổi mô-đun CommonJS sang ES trong JavaScript

Cho đến nay, trong các tài liệu khác nhau vẫn có thể bắt gặp các câu lệnh import theo phong cách mô-đun CommonJS. Bạn cần học cách chuyển đổi những câu lệnh import này sang mô-đun ES tiêu chuẩn.

Trong CommonJS, việc import được thực hiện bằng lệnh require, với tham số là đường dẫn đến mô-đun. Kết quả của lệnh được ghi vào một biến:

src/index.jslet math = require('./math');

Hãy viết lại mã này theo phong cách ES. Đầu tiên, hãy lưu ý rằng trong CommonJS không đặt phần mở rộng .js cho các tệp, còn trong ES thì có.

Tiếp theo, mọi thứ phụ thuộc vào việc mô-đun xuất mặc định hay xuất thông thường. Trong CommonJS không có sự khác biệt, nhưng trong mô-đun ES thì có. Thông thường, sự khác biệt có thể thấy qua các ví dụ mã, hoặc bạn có thể đơn giản thử cả hai phương án import.

Trong trường hợp của chúng ta, câu lệnh import đã cho sẽ được viết lại theo một trong hai cách sau:

src/index.jsimport math from './math.js';

Hoặc theo cách này:

src/index.jsimport * as math from './math.js';

src/index.jslet {square, cube} = require('./math');

src/index.jslet math = require('./math');
let res  = math.square(2) + math.cube(3);

src/index.jslet sum = require('./sum');
let res = sum([1, 2, 3]);