Cara membuat Node.js menyokong ES6

Dengan pengemaskinian dan pembangunan teknologi hadapan yang berterusan, ES6 telah menjadi salah satu bahasa penting dalam pembangunan bahagian hadapan. Sebagai platform pembangunan sisi pelayan berdasarkan JavaScript, Node.js sememangnya perlu menyokong sintaks ES6. Jadi, bagaimana kita boleh menjadikan Node.js menyokong ES6? Artikel ini akan membincangkan aspek berikut.

1 Naik taraf versi Node.js

Versi Node.js memerlukan v4.0.0 atau lebih tinggi untuk menyokong kebanyakan ciri baharu ES6. Oleh itu, jika versi Node.js anda terlalu rendah, anda perlu menaik taraf Node.js terlebih dahulu. Adalah disyorkan untuk menggunakan alat nvm untuk mengurus berbilang versi supaya versi Node.js yang berbeza boleh digunakan dalam projek yang berbeza.

2. Gunakan ciri baharu ES6

Selagi Node.js menyokong ciri baharu ES6, anda boleh menggunakannya untuk menulis kod. Sebagai contoh, anda boleh menggunakan const dan biarkan bukannya var untuk mengisytiharkan pembolehubah, gunakan fungsi anak panah untuk memudahkan kod dan sebagainya. Berikut ialah beberapa ciri baharu yang biasa digunakan:

1. let dan const

let dan const ialah cara yang baru diperkenalkan untuk mengisytiharkan pembolehubah dalam ES6. Pembolehubah yang diisytiharkan oleh

let boleh digunakan dalam skop blok, tetapi pembolehubah yang diisytiharkan oleh var tidak boleh digunakan dalam skop blok.

Pembolehubah yang diisytiharkan oleh const ialah pemalar Setelah ditetapkan, ia tidak boleh diubah suai lagi dan mesti ditetapkan pada masa pengisytiharan.

2. Fungsi anak panah

Fungsi anak panah ialah ciri sintaks baharu dalam ES6 yang boleh digunakan untuk memudahkan takrifan dan penggunaan fungsi.

Kaedah pengisytiharan fungsi anak panah ialah (parameter)=>{function body}.

Kelebihan menggunakan fungsi anak panah ialah anda boleh mengelakkan masalah menunjuk ini.

3. Rentetan templat

Rentetan templat ialah perwakilan rentetan baharu dalam ES6, yang boleh disambung dengan kutu belakang dan ${}.

Rentetan templat juga menyokong ciri seperti teks berbilang baris dan templat label, yang sangat mudah digunakan.

3. Gunakan Babel

Walaupun sintaks ES6 disokong, anda akan mendapati bahawa banyak ciri baharu yang mungkin berjalan seperti biasa dalam penyemak imbas moden tidak tersedia dalam persekitaran Node.js. Ini kerana enjin V8 dalam Node.js tidak menyokong sepenuhnya semua ciri baharu ES6. Oleh itu, anda perlu menggunakan Babel untuk melaksanakan penukaran ES6 dan menukar kod ES6 kepada kod ES5 yang boleh ditafsirkan oleh enjin V8.

Babel ialah pengkompil JavaScript yang menukar kod ES6 kepada kod ES5. Dalam proses memohon Babel, anda perlu memasang babel-cli terlebih dahulu dan bekerjasama dengan pratetap dan pemalam:

1. Pasang babel-cli

npm pasang babel-cli - -save

2. Mengkonfigurasi Babel

Buat fail .babelrc dalam direktori akar projek, dan tulis pratetap dan pemalam yang perlu anda gunakan.

Fail Babelrc:

{

"presets": ["env"],
"plugins": []

}

Di sini env ialah babel-preset-env, yang merupakan pratetap pintar, umumnya Ia mengandungi semua ciri baharu rasmi yang boleh ditukar.

3. Gunakan Babel

Gunakan babel-cli untuk menambah babel pada baris arahan, yang sangat mudah digunakan. Buka terminal, masukkan direktori projek dan jalankan arahan berikut:

babel index.js --out-file app.js

Arahan di atas akan menukar index.js menjadi aplikasi. js. --out-file menunjukkan nama fail yang akan dikeluarkan, atau singkatan -o boleh digunakan.

Ringkasan

Apabila menggunakan ciri baharu ES6 dalam persekitaran Node.js, anda perlu memberi perhatian kepada perkara berikut:

1. Naik taraf Nod. versi js.
2. Gunakan ciri baharu ES6, seperti let, const, fungsi anak panah dan rentetan templat.
3. Gunakan Babel untuk melaksanakan penukaran ES6 dan tukar kod ES6 kepada kod ES5 yang boleh ditafsirkan oleh enjin V8.

Di atas ialah kaedah dan langkah berjaga-jaga untuk membuat Node.js menyokong ES6. Saya percaya bahawa kandungan ini akan sangat berguna untuk pelajar yang ingin mula menggunakan ES6 untuk pembangunan Node.js.

Atas ialah kandungan terperinci Cara membuat Node.js menyokong ES6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!