Bagaimana untuk melaksanakan antara muka kelas dalam javascript

Dalam pengaturcaraan berorientasikan objek, kelas dan antara muka selalunya merupakan dua konsep asas. Kelas digunakan untuk menerangkan kelakuan dan sifat objek, manakala antara muka digunakan untuk menyeragamkan kelakuan kelas. Dalam JavaScript, kita boleh menggunakan kelas dan struktur seperti antara muka untuk menentukan objek.

Tentukan kelas

Selepas ES6, JavaScript memperkenalkan kata kunci kelas, dan sangat mudah untuk menggunakan kelas untuk menentukan kelas. Sebagai contoh, kita boleh mentakrifkan kelas dipanggil Haiwan, yang mempunyai kaedah dipanggil bunyi dan sifat dipanggil nama:

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  sound() {
    console.log('Making some sound...');
  }
}

Dalam contoh ini, kaedah pembina ialah pembina kelas, Digunakan untuk memulakan kelas harta benda. Kaedah bunyi adalah kaedah biasa kelas dan digunakan untuk menerangkan tingkah laku kelas.

Mencipta objek

Kita boleh menggunakan kata kunci baharu untuk mencipta kejadian (objek) kelas. Contohnya,

const myDog = new Animal('Lucky');
myDog.sound(); // Making some sound...
console.log(myDog.name); // Lucky

Dalam contoh ini, kami mencipta tika kelas Haiwan menggunakan kata kunci baharu. Kita boleh menggunakan contoh untuk memanggil kaedah (bunyi) dan sifat (nama) kelas.

Tentukan antara muka

Walaupun tiada antara muka khusus dalam JavaScript, kami boleh menggunakan kaedah dalam kelas untuk mensimulasikan antara muka tingkah laku. Sebagai contoh, kita boleh mentakrifkan antara muka tingkah laku bernama Flying:

class Flying {
  fly() {
    console.log('I am flying!');
  }
}

Dalam contoh ini, kami mentakrifkan kaedah bernama fly untuk menerangkan tingkah laku terbang.

Melaksanakan antara muka

Untuk melaksanakan antara muka Flying, kita boleh menggunakan kaedah warisan kelas untuk mewarisi kaedah dalam kelas Flying. Contohnya:

class Bird extends Animal {
  constructor(name) {
    super(name);
  }
  
  fly() {
    console.log('I am flying like a bird!');
  }
}

Dalam contoh ini, kami mentakrifkan kelas bernama Bird, yang mewarisi kelas Haiwan dan melaksanakan kaedah lalat dalam kelasnya sendiri. Dengan cara ini, kelas Burung melaksanakan antara muka Terbang.

Kami boleh mencipta contoh kelas Burung dan memanggil kaedah lalatnya:

const myBird = new Bird('Tweety');
myBird.sound(); // Making some sound...
myBird.fly(); // I am flying like a bird!
console.log(myBird.name); // Tweety

Dalam contoh ini, kami menggunakan kata kunci baharu untuk mencipta contoh kelas Burung dan memanggil Its kaedah bunyi dan terbang.

Ringkasan

Dalam JavaScript, anda boleh menggunakan kata kunci kelas untuk mentakrifkan kelas dan menggunakan warisan kelas untuk melaksanakan antara muka. Walaupun JavaScript tidak mempunyai antara muka khusus, menggunakan ciri-ciri warisan kelas, kita boleh mensimulasikan antara muka tingkah laku untuk menyeragamkan tingkah laku kelas.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan antara muka kelas dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!