Menguasai ESeatures: let, const, dan Classes dalam JavaScript

Ciri ES6: let, const, dan classes

ECMAScript 2015 (ES6) memperkenalkan banyak ciri berkuasa yang merevolusikan pembangunan JavaScript. Antaranya, let, const dan kelas adalah penting untuk menulis kod moden, bersih dan cekap.

---

1. biarlah

Kata kunci let digunakan untuk mengisytiharkan pembolehubah dengan skop blok. Tidak seperti var, let tidak membenarkan pengisytiharan semula dalam skop yang sama dan tidak dinaikkan dengan cara yang sama.

Sintaks:

let variableName = value;

ciri-ciri:

• Skop sekatan: Boleh diakses hanya dalam blok {} yang disertakan.
• Tidak membenarkan pengisytiharan semula dalam skop yang sama.
• Boleh ditugaskan semula.

Contoh:

let x = 10;
if (true) {
  let x = 20; // Block scope
  console.log(x); // 20
}
console.log(x); // 10

---

2. const

Kata kunci const digunakan untuk mengisytiharkan pemalar. Seperti let, ia adalah skop blok tetapi berbeza kerana ia tidak boleh ditetapkan semula selepas pengisytiharan.

Sintaks:

const variableName = value;

ciri-ciri:

• Skop sekatan: Boleh diakses hanya dalam blok {} yang disertakan.
• Mesti dimulakan semasa pengisytiharan.
• Tidak boleh ditugaskan semula, tetapi objek dan tatasusunan masih boleh diubah.

Contoh:

const PI = 3.14159;
console.log(PI); // 3.14159

// PI = 3.14; // Error: Assignment to constant variable

const numbers = [1, 2, 3];
numbers.push(4); // Allowed
console.log(numbers); // [1, 2, 3, 4]

Perbandingan let, const, dan var:

Feature	let	const	var
Scope	Block	Block	Function
Hoisting	No	No	Yes
Redeclaration	Not Allowed	Not Allowed	Allowed
Reassignment	Allowed	Not Allowed	Allowed

---

3. Kelas

ES6 memperkenalkan sintaks kelas sebagai cara yang lebih bersih dan intuitif untuk mencipta objek dan mengendalikan pewarisan berbanding prototaip tradisional.

Sintaks:

let variableName = value;

Contoh:

let x = 10;
if (true) {
  let x = 20; // Block scope
  console.log(x); // 20
}
console.log(x); // 10

Ciri-ciri Utama:

1. Kaedah Pembina: Digunakan untuk memulakan objek.

const variableName = value;

1. Kaedah Contoh: Fungsi yang ditakrifkan dalam badan kelas.

const PI = 3.14159;
console.log(PI); // 3.14159

// PI = 3.14; // Error: Assignment to constant variable

const numbers = [1, 2, 3];
numbers.push(4); // Allowed
console.log(numbers); // [1, 2, 3, 4]

1. Warisan: Lanjutkan kelas menggunakan lanjutan.

class ClassName {
  constructor(parameters) {
    // Initialization code
  }
  methodName() {
    // Method code
  }
}

1. Kaedah Statik: Kaedah yang dimiliki oleh kelas itu sendiri, bukan kejadian.

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

const person1 = new Person('Alice', 25);
person1.greet(); // Hello, my name is Alice and I am 25 years old.

---

4. Mengapa Menggunakan Ciri ES6?

• Kejelasan: Sintaks yang lebih jelas dan ringkas.
• Skop: Peraturan skop yang lebih baik dengan let dan const.
• Kebolehbacaan: Kelas meningkatkan kebolehbacaan berbanding pewarisan berasaskan prototaip.
• Prestasi: Prestasi dipertingkatkan dan kebolehselenggaraan.

---

5. Amalan Terbaik

1. Gunakan const secara lalai. Tukar kepada membiarkan jika penugasan semula diperlukan.

   constructor(name) {
     this.name = name;
   }

1. Memilih kelas untuk mencipta dan mengurus objek.

   greet() {
     console.log("Hello");
   }

1. Elakkan menggunakan var dalam pembangunan JavaScript moden.

---

6. Ringkasan

• let dan const menggantikan var untuk perisytiharan berubah-ubah, menawarkan skop dan keselamatan yang lebih baik.
• Kelas ES6 menyediakan sintaks moden yang lebih bersih untuk pengaturcaraan berorientasikan objek.
• Memiliki ciri ini membawa kepada kod JavaScript yang lebih bersih, lebih boleh diselenggara dan moden.

Hai, saya Abhay Singh Kathayat!
Saya seorang pembangun tindanan penuh dengan kepakaran dalam kedua-dua teknologi hadapan dan belakang. Saya bekerja dengan pelbagai bahasa pengaturcaraan dan rangka kerja untuk membina aplikasi yang cekap, berskala dan mesra pengguna.
Jangan ragu untuk menghubungi saya melalui e-mel perniagaan saya: kaashshorts28@gmail.com.

Atas ialah kandungan terperinci Menguasai ESeatures: let, const, dan Classes dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!