Cara menggunakan Kelas JavaScript dalam projek sebenar

Kelas JavaScript ialah cara terbaik untuk mengatur kod. Mari lihat cara anda boleh menggunakannya dalam apl Senarai Tugasan yang mudah.

Mengisytiharkan Kelas

Kami mentakrifkan kelas Tugas untuk mengurus tugas:

class Task {
  constructor(description, dueDate) {
    this.description = description;
    this.dueDate = dueDate;
    this.isDone = false;
  }

  markAsDone() {
    this.isDone = true;
  }
}

Mencipta Kejadian

Anda boleh membuat tugasan seperti ini:

const task1 = new Task('Write blog post', '2023-11-15');
task1.markAsDone();
console.log(task1); 
// Task { description: 'Write blog post', dueDate: '2023-11-15', isDone: true }

Warisan

Melanjutkan kelas Tugasan untuk jenis tugasan tertentu:

class ShoppingTask extends Task {
  constructor(description, dueDate, items) {
    super(description, dueDate);
    this.items = items;
  }
}

const shoppingTask = new ShoppingTask('Buy groceries', '2023-11-20', ['Apples', 'Milk']);
console.log(shoppingTask); 

Kaedah & Pengambil/Penetap Statik

Anda boleh menambah kaedah statik untuk mengisih tugas dan menggunakan pengambil dan penetap untuk mengurus pengesahan data.

Untuk panduan yang lebih terperinci, lihat siaran penuh saya di Medium: Cara Menggunakan Kelas JavaScript dalam Projek Sebenar.

Atas ialah kandungan terperinci Cara menggunakan Kelas JavaScript dalam projek sebenar. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!