Apa yang baru di ES2018

Penambahbaikan teras es2018: lelaran asynchronous, janji.finally (), atribut rehat/penyebaran dan peningkatan ekspresi biasa

ES2018 (juga dikenali sebagai ES9) telah membawa beberapa kemas kini penting kepada JavaScript.

Standard JavaScript (ECMAScript) terus berkembang, dan selepas ES6 (ECMASCRIPT 2015), proses pelepasan tahunan baru mempercepatkan lelaran fungsi. ES2018 adalah versi terkini pada masa itu.

TC39 (Jawatankuasa Teknikal 39) bertanggungjawab untuk mempromosikan cadangan JavaScript, dan prosesnya adalah seperti berikut:

• Peringkat 0: Bentuk awal Konsep awal.
• Peringkat 1: Cadangan Dokumen Cadangan Formal, yang mengandungi contoh API.
• Tahap 2: Draf Spesifikasi awal, sekurang -kurangnya dua pelaksanaan eksperimen.
• Peringkat 3: Calon Menyeragamkan semakan dan mengumpul maklum balas pengeluar.
• Peringkat 4: Lengkap Sediakan untuk memasukkan ECMAScript, tetapi sokongan sebenar untuk pelayar dan node.js mungkin ketinggalan.

Ciri -ciri utama ES2018:

1 dalam , jika anda cuba memanggil fungsi tak segerak dalam gelung segerak, contohnya:

async/await tidak akan berfungsi dengan baik. ES2018 Memperkenalkan Iterator Asynchronous, yang kaedah

yang mengembalikan janji, yang membolehkan operasi async dilakukan dalam siri menggunakan gelung

async function process(array) {
  for (let i of array) {
    await doSomething(i);
  }
}

:

next() for await ... of

2

async function process(array) {
  for await (let i of array) {
    doSomething(i);
  }
}

digunakan untuk melaksanakan kod yang sama selepas janji selesai (sama ada berjaya atau gagal), dan sering digunakan untuk kerja pembersihan:

3 Promise.finally() ES2018 memanjangkan sintaks Rest/Spread ke Objek Pemusnahan:

function doSomething() {
  doSomething1()
  .then(doSomething2)
  .then(doSomething3)
  .catch(err => {
    console.log(err);
  })
  .finally(() => {
    // 完成后的操作
  });
}

Pengendali penyebaran digunakan untuk membuat salinan cetek atau menggabungkan objek objek:

4.

const myObject = { a: 1, b: 2, c: 3 };
const { a, ...x } = myObject; // a = 1, x = { b: 2, c: 3 }

function restParam({ a, ...x }) {
  // a = 1, x = { b: 2, c: 3 }
}

Kumpulan penangkapan nama:

Kumpulan penangkapan nama dengan

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 }; // obj2 = { a: 1, b: 2, c: 3 }

untuk meningkatkan kebolehbacaan dan penyelenggaraan:

• Penegasan Guangu: menyokong pernyataan Guangu , yang sepadan dengan corak yang muncul sebelum ini. (?<name>...)</name>

const reDate = /(?<year>[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/;

(dotall) Bendera:

• Padankan semua aksara, termasuk rehat garis. (?...<name>...)</name> Unicode Attribute Escape:
Gunakan
• dan untuk mengakses atribut aksara Unicode. s .
ES2018 FAQ:
• • Apakah ciri -ciri baru ES2018? lelaran asynchronous, Promise.finally(), berehat/menyebarkan atribut, peningkatan ekspresi biasa, dll.
  • Bagaimana menggunakan ciri -ciri baru ES2018? Pastikan persekitaran pembangunan anda menyokong ES2018, yang biasanya disokong oleh pelayar moden dan versi Node.js.
  • Bagaimana ia serasi dengan versi lama ECMAScript? ES2018 adalah serasi ke belakang, tetapi persekitaran lama mungkin tidak menyokong semua ciri baru dan boleh diterjemahkan menggunakan alat seperti Babel.
  • Apakah kesan prestasi? bergantung kepada ciri -ciri dan penggunaan tertentu, tetapi bertujuan untuk meningkatkan kecekapan secara umum.
  • Bagaimana ES2018 Bandingkan dengan ES6 dan ES7? ES2018 meningkatkan fungsi sedia ada dan menambah alat baru berdasarkan ES6 dan ES7.

  Saya harap maklumat di atas akan membantu anda!

Atas ialah kandungan terperinci Apa yang baru di ES2018. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!