Kelas dalam javascript

Kelas JavaScript

Kelas ialah pelan tindakan untuk objek, menyediakan cara yang lebih formal dan teratur untuk mentakrifkan objek dan kelakuannya. Kelas JavaScript bukanlah objek itu sendiri, tetapi templat untuk mencipta objek JavaScript.

Kelas

ialah sejenis fungsi khas, tetapi kami menggunakan kata kunci class untuk mentakrifkannya dan bukannya function. Sifat ditetapkan dalam kaedah constructor().

Kaedah kelas

1. Sintaks kaedah kelas adalah sama dengan kaedah objek.
2. Buat kelas menggunakan kata kunci class.
3. sentiasa mengandungi kaedah constructor().
4. Anda kemudian boleh menambah beberapa kaedah.

Contoh 1: Buat kelas kereta, kemudian buat objek bernama "Kereta Saya" berdasarkan kelas kereta.

<code class="language-javascript">class Car {
  constructor(brand) {
    this.carName = brand;
  }
}

let myCar = new Car("Toyota"); </code>

Kaedah pembina

Pembina ialah kaedah khas yang digunakan untuk memulakan objek yang dibuat dengan kelas. Ia dipanggil secara automatik apabila contoh baharu kelas dibuat. Ia biasanya memberikan nilai kepada sifat objek menggunakan parameter yang dihantar kepadanya, memastikan objek itu dimulakan dengan betul apabila dibuat.

Apabila pembina dipanggil secara automatik dan kelas dimulakan, ia mesti mempunyai nama tepat "pembina". Malah, jika anda tidak mempunyai pembina, JavaScript akan menambah kaedah pembina yang tidak kelihatan dan kosong.

Nota: Sesuatu kelas tidak boleh mempunyai berbilang kaedah constructor(), yang akan menyebabkan ralat sintaks.

Lagi contoh kelas

<code class="language-javascript">class Person {} // 空类

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

let student1 = new Student(1, "Alex", 12);
console.log(student1); // Output: Student { name: 'Alex', rollNo: 1, age: 12 }

class Product {
  constructor(name, price) {
    this.name = name;
    this.price = price;
  }

  displayProduct() {
    console.log(`Product: ${this.name}`);
    console.log(`Price: ${this.price}`);
  }
}

const product1 = new Product("Shirt", 19.32);
const product2 = new Product("Pant", 33.55);</code>

Atas ialah kandungan terperinci Kelas dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!