Nota JavaScript ESelease: Melepaskan Kuasa JavaScript Moden

JavaScript ES6, secara rasmi dikenali sebagai ECMAScript 2015, memperkenalkan peningkatan ketara dan ciri baharu yang mengubah cara pembangun menulis JavaScript. Berikut ialah 20 ciri teratas yang mentakrifkan ES6 dan telah menjadikan pengaturcaraan dalam JavaScript lebih cekap dan menyeronokkan.

20 Ciri Terbaik JavaScript ES6

1 Biar dan Const

• biarkan membenarkan pengisytiharan pembolehubah berskop blok.
• const mencipta pemalar berskop blok, menghalang penugasan semula.

2 Fungsi Anak Panah

• Sintaks yang lebih pendek untuk ungkapan fungsi, mengekalkan nilai leksikal ini.

   const add = (a, b) => a + b;

3 Templat Huruf

• Rentetan rentetan dipertingkat yang menyokong rentetan interpolasi dan berbilang baris.

   const name = 'World';
   const greeting = `Hello, ${name}!`;

4 Memusnahkan Tugasan

• Sintaks untuk membongkar nilai daripada tatasusunan atau sifat daripada objek ke dalam pembolehubah yang berbeza.

   const arr = [1, 2, 3];
   const [x, y, z] = arr;

5 Parameter Lalai

• Parameter fungsi boleh mempunyai nilai lalai, menjadikan fungsi lebih fleksibel.

   function multiply(a, b = 1) {
       return a * b;
   }

6 Operator Rehat dan Sebarkan

• ... boleh digunakan untuk mengembangkan atau mengumpulkan elemen.

   const sum = (...numbers) => numbers.reduce((a, b) => a + b, 0);
   const arr = [1, 2, 3];
   const newArr = [...arr, 4, 5];

7 Modul

• ES6 memperkenalkan sistem modul untuk organisasi kod yang lebih baik.

   // export
   export const pi = 3.14;
   // import
   import { pi } from './math.js';

8 Kelas

• Gula sintaksis ke atas warisan berasaskan prototaip JavaScript sedia ada, membolehkan definisi kelas yang lebih mudah.

   class Animal {
       constructor(name) {
           this.name = name;
       }
       speak() {
           console.log(`${this.name} makes a noise.`);
       }
   }

9 Janji

• Cara asli untuk mengendalikan operasi tak segerak, menyediakan alternatif yang lebih bersih kepada panggilan balik.

   const fetchData = () => new Promise((resolve, reject) => {
       // async operation
   });

10 Tersurat Objek Dipertingkat
- Sintaks yang lebih ringkas untuk menentukan sifat dan kaedah objek.

    const name = 'John';
    const person = {
        name,
        greet() {
            console.log(`Hello, ${this.name}`);
        }
    };

11 Jenis Data Simbol
- Jenis data primitif baharu untuk pengecam unik.

    const sym = Symbol('description');

12 Peta dan Tetapkan Koleksi
- Struktur data baharu untuk menyimpan nilai unik atau pasangan nilai kunci.

    const mySet = new Set([1, 2, 3]);
    const myMap = new Map([[1, 'one'], [2, 'two']]);

13 WeakMap dan WeakSet
- Koleksi yang membenarkan kutipan sampah kunci mereka.

    const weakMap = new WeakMap();

14 Iterators dan Penjana
- Objek boleh lelar tersuai menggunakan Symbol.iterator dan fungsi yang boleh dijeda menggunakan fungsi*.

    function* generator() {
        yield 1;
        yield 2;
    }

15 untuk...Gelung
- Binaan gelung baharu untuk lelaran pada objek boleh lelar, seperti tatasusunan dan rentetan.

    for (const value of [1, 2, 3]) {
        console.log(value);
    }

16 Array.prototype.find() dan Array.prototype.findIndex()
- Kaedah untuk mencari melalui tatasusunan dan mengembalikan padanan pertama atau indeksnya.

    const arr = [5, 12, 8, 130, 44];
    const found = arr.find(element => element > 10);

17 String.prototype.includes()
- Kaedah untuk menyemak sama ada rentetan mengandungi subrentetan tertentu.

    const str = 'Hello, world!';
    console.log(str.includes('world')); // true

18 Object.assign()
- Kaedah untuk menyalin nilai daripada satu atau lebih objek sumber kepada objek sasaran.

    const target = { a: 1 };
    const source = { b: 2 };
    Object.assign(target, source);

19 Object.entry() dan Object.values()
- Kaedah untuk mendapatkan semula entri atau nilai objek sebagai tatasusunan.

    const obj = { a: 1, b: 2 };
    console.log(Object.entries(obj)); // [['a', 1], ['b', 2]]

20 Promise.all() dan Promise.race()
- Kaedah untuk mengendalikan berbilang janji serentak.

    Promise.all([promise1, promise2]).then(results => {
        // handle results
    });

Kesimpulan

JavaScript ES6 telah mempertingkatkan bahasa secara asasnya, menjadikannya lebih berkuasa dan mesra pembangun. Dengan menggunakan ciri ini, pembangun boleh menulis kod yang lebih bersih, cekap dan lebih boleh diselenggara. Hayati kuasa ES6 dalam projek anda yang seterusnya!

Atas ialah kandungan terperinci Nota JavaScript ESelease: Melepaskan Kuasa JavaScript Moden. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!