Perjalanan Reaksi Saya: Hari 10

Ciri-ciri ES6

Apa yang Saya Pelajari Hari Ini

JavaScript moden (ES6 dan seterusnya) memperkenalkan ciri yang menjadikan bahasa lebih berkuasa, boleh dibaca dan mesra pembangun. Berikut ialah ringkasan:

1. Templat Huruf

• Apa Fungsinya: Mendayakan interpolasi rentetan dan rentetan berbilang baris.

• Contoh:
  

let year = 2024;
console.log(`This is year ${year}`);

• Faedah: Lebih mudah untuk membaca dan mengurus rentetan berbanding dengan gabungan tradisional.

1. Fungsi Anak Panah

• Apa Fungsinya: Menyediakan sintaks yang lebih pendek untuk fungsi penulisan.

• Contoh:
  

let add = (a, b) => console.log(`${a} + ${b} = ${a + b}`);
add(4, 5); // Output: 4 + 5 = 9

• Faedah: Memudahkan kod, terutamanya untuk fungsi sebaris.

1. Parameter Lalai

• Apa Ia Berfungsi: Menetapkan nilai lalai kepada parameter fungsi jika tiada hujah diluluskan.

• Contoh:
  

function callMe(name = "Damilare") {
    console.log(`My name is ${name}`);
}
callMe(); // Output: My name is Damilare
callMe("Ayoola"); // Output: My name is Ayoola

• Faedah: Menghalang ralat daripada kehilangan parameter.

1. Memusnahkan

• Apa Fungsinya: Mengekstrak nilai daripada tatasusunan atau objek dan memberikannya kepada pembolehubah. Contoh:

//Array Destructuring:
const [a, b] = [2, 3];
console.log(a, b); // Output: 2 3

//Object Destructuring:
const { age, year } = { age: 32, year: "Year 5" };
console.log(age, year); // Output: 32 Year 5

• Faedah: Menjadikan kod lebih bersih dan mengurangkan akses berulang kepada sifat objek atau elemen tatasusunan.

1. Operator Hamparan dan Rehat (...)

• Spread: Mengembangkan elemen tatasusunan atau objek kepada elemen individu.

const arr1 = [0, 1, 2];
const arr2 = [...arr1, 3, 4, 5];
console.log(arr2); // Output: [0, 1, 2, 3, 4, 5]

• Rehat: Mengumpul elemen yang tinggal ke dalam tatasusunan atau objek tunggal.

const collectRest = (first, ...rest) => {
    console.log(`First number is ${first}`);
    console.log(`The rest of the numbers: ${rest}`);
};
collectRest(1, 2, 3, 4); 
// Output:
// First number is 1
// The rest of the numbers: [2, 3, 4]

1. untuk...gelung

• Apa Fungsinya: Memudahkan gelung pada objek boleh lelar (seperti tatasusunan).

• Contoh:
  

let arr = [1, 2, 3, 4, 5];
for (let num of arr) {
    console.log(num);
}
// Output:
// 1
// 2
// 3
// 4
// 5

• Faedah: Mengelakkan keperluan untuk mengakses indeks tatasusunan secara manual dan meningkatkan kebolehbacaan.

Atas ialah kandungan terperinci Perjalanan Reaksi Saya: Hari 10. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!