Apa yang Baru di ES2017: Fungsi Async, Objek yang Lebih Baik dan banyak lagi

ES2017 (ECMAScript 2017) telah memperkenalkan beberapa kemas kini penting kepada JavaScript, yang akan memberi tumpuan dan secara ringkas menggariskan proses kemas kini.

mata teras

• fungsi async: membolehkan anda menulis kod asynchronous berdasarkan janji seperti anda menulis kod segerak. Ciri ini disokong dalam semua pelayar moden (kecuali IE dan Opera Mini) dan Node.js 7.6.
• Kaedah baru untuk pemprosesan objek: Termasuk , Object.values() dan Object.entries(). Kaedah ini disokong dalam pelayar moden dan Node.js 7.0. Object.getOwnPropertyDescriptors()
• Kaedah mengisi rentetan (.padstart () dan .padend ()): Memudahkan pemformatan rentetan. Semua pelayar moden (kecuali IE) dan Node.js 8.0 disokong.
• Simpan trailing Commas: Simpan trailing koma dalam definisi objek, pengisytiharan array, senarai parameter fungsi, dll. Semua pelayar dan node.js disokong. Trailing koma dalam parameter fungsi disokong hanya dalam Chrome 58 dan Firefox 52 pada masa penulisan.

Proses kemas kini Piawaian JavaScript (ECMAScript) terus berkembang dan dilaksanakan oleh banyak pengeluar pada pelbagai platform. ES6 (ECMAScript 2015) mengambil masa enam tahun untuk akhirnya selesai dan sangat besar. Untuk memudahkan proses dan cepat menambah ciri -ciri baru, proses pelepasan tahunan baru telah dibangunkan.

Jawatankuasa Teknikal 39 (TC39) terdiri daripada peserta seperti pengeluar pelayar yang mengikuti proses yang ketat untuk memajukan cadangan JavaScript:

Tahap 0: Strawman - Ide awal keupayaan ECMAScript baru atau bertambah baik.

Tahap 1: Cadangan - Dokumen cadangan rasmi yang dianjurkan oleh sekurang -kurangnya seorang ahli TC39, termasuk contoh API, semantik bahasa, algoritma, halangan yang berpotensi, polyfills, dan demonstrasi.

Peringkat 2: Draf - Versi awal spesifikasi fungsional. Dua pelaksanaan eksperimen diperlukan, salah satunya boleh dilaksanakan dalam penterjemah seperti Babel.

Tahap 3: Calon - Semak spesifikasi cadangan dan kumpulkan maklum balas daripada vendor.

Tahap 4: Selesai - Cadangan itu siap dimasukkan dalam ECMAScript. Hanya fungsi yang mencapai tahap ini dianggap standard. Walau bagaimanapun, ia mungkin mengambil masa lebih lama untuk dibebaskan dalam runtime seperti pelayar dan node.js.

ES2016 adalah kecil dalam skala dan direka untuk mengesahkan proses piawai. Dua ciri baru telah ditambah:

Kaedah

array

pulih benar atau palsu apabila array mengandungi nilai.
1. .includes()
Pengendali kuasa, sama seperti
2. . a ** b Math.pow(a, b)

Ciri -ciri baru ES2017

ES2017 (atau dahulunya dikenali sebagai ES8) dianggap sebagai semakan pertama yang sesuai untuk spesifikasi ECMAScript. Ia menyediakan ciri -ciri berikut ...

fungsi async

Tidak seperti kebanyakan bahasa, JavaScript tidak disengajakan secara lalai. Perintah yang mungkin mengambil masa tidak akan berhenti melaksanakan. Ini termasuk operasi seperti meminta URL, membaca fail, atau mengemas kini pangkalan data. Fungsi panggil balik mesti diluluskan yang dilaksanakan apabila hasil operasi diketahui.

Ini boleh membawa kepada neraka panggil balik apabila satu siri fungsi asynchronous bersarang mesti dilaksanakan secara berurutan. Contohnya:

function doSomething() {
  doSomething1((response1) => {
    doSomething2(response1, (response2) => {
      doSomething3(response2, (response3) => {
        // etc...
      };
    });
  });
}

ES2015 (ES6) memperkenalkan janji, yang menyediakan cara yang lebih jelas untuk menyatakan fungsi yang sama. Sebaik sahaja fungsi anda dinamakan, mereka boleh dilaksanakan menggunakan kaedah berikut:

function doSomething() {
  doSomething1()
  .then(doSomething2)
  .then(doSomething3)
}

ES2017 Fungsi Asynchronous memanjangkan janji untuk membuat panggilan tak segerak lebih jelas:

async function doSomething() {
  const
    response1 = await doSomething1(),
    response2 = await doSomething2(response1),
    response3 = await doSomething3(response2);
}

dengan berkesan membuat setiap panggilan kelihatan segerak tanpa memakan benang pemprosesan tunggal dalam JavaScript. await

fungsi async disokong dalam semua pelayar moden (kecuali IE dan Opera Mini) dan dalam Node.js 7.6. Mereka akan mengubah cara anda menulis JavaScript dan boleh menulis artikel khas mengenai panggilan balik, janji, dan fungsi tak segerak.

Deskripsi

, Object.values(), Object.entries(), Object.getOwnPropertyDescriptors(), .padStart() dan .padEnd() dan koma trailing adalah serupa dengan teks asal dan tidak akan diulang di sini.

SharedArrayBuffer dan Atomics

Objek SharedArrayBuffer digunakan untuk mewakili buffer data binari mentah tetap yang boleh dikongsi di kalangan pekerja web. Objek atom menyediakan cara yang boleh diramal untuk membaca dan menulis lokasi memori yang ditakrifkan oleh SharedArrayBuffer.

Walaupun kedua -dua Chrome dan Firefox melaksanakan kedua -dua objek, ia telah dilumpuhkan pada Januari 2018 kerana kelemahan spik.

Spesifikasi bahasa ECMAScript 2017 lengkap boleh didapati di laman web ECMA International.

ES2017 FAQ (FAQ)

(bahagian FAQ adalah serupa dengan teks asal, dan tidak akan diulangi di sini. Anda boleh secara selektif mengekalkan atau ditulis semula seperti yang diperlukan.)

Atas ialah kandungan terperinci Apa yang Baru di ES2017: Fungsi Async, Objek yang Lebih Baik dan banyak lagi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!