Menukar Modul CommonJS kepada ES dalam JavaScript

Sehingga kini, dalam pelbagai dokumentasi masih boleh ditemui import dalam gaya modul CommonJS. Anda perlu belajar menukar import tersebut kepada modul ES piawai.

Dalam CommonJS, import dilakukan menggunakan perintah require, yang parameternya menentukan jalan (path) ke modul. Hasil perintah tersebut ditulis ke dalam pembolehubah:

let math = require('./math');

Mari kita tulis semula kod ini dalam gaya ES. Pertama, perhatikan bahawa dalam CommonJS sambungan .js untuk fail tidak dinyatakan, manakala dalam ES - dinyatakan.

Seterusnya, semuanya bergantung pada sama ada modul mengeksport secara lalai (default) atau biasa. Dalam CommonJS tiada bezanya, tetapi dalam modul ES - ada. Biasanya, perbezaannya boleh dilihat melalui contoh kod, atau anda boleh cuba kedua-dua jenis import.

Dalam kes kami, import yang diberikan akan ditulis semula sama ada dalam bentuk ini:

import math from './math.js';

Atau dalam bentuk ini:

import * as math from './math.js';

Tulis semula kod berikut dalam gaya modul ES:

let {square, cube} = require('./math');

Tulis semula kod berikut dalam gaya modul ES:

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

Tulis semula kod berikut dalam gaya modul ES:

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