javascript kaedah kelas

Kaedah dalam JavaScript

JavaScript ialah bahasa berasaskan objek, dan kelas ialah salah satu konsep terasnya yang mengandungi sifat dan kaedah. Kaedah kelas ialah fungsi yang ditakrifkan dalam kelas Mereka dipanggil kelakuan objek. Mereka boleh beroperasi pada sifat objek untuk memproses data.

Dalam JavaScript, kaedah kelas ditakrifkan dalam prototaip kelas, jadi setiap objek contoh boleh mengakses kaedah ini tanpa perlu mentakrifkannya berulang kali Ini juga merupakan pengaturcaraan berorientasikan objek (OOP) dalam JavaScript). salah satu ciri penting.

Cara mentakrifkan kelas

Sangat mudah untuk mentakrifkan kaedah kelas dalam JavaScript Anda hanya perlu mentakrifkan fungsi pada objek prototaip kelas, contohnya:

class Car {
  constructor(brand, price) {
    this.brand = brand;
    this.price = price;
  }

  getInfo() {
    console.log(`The brand of this car is ${this.brand}, and the price is ${this.price}`);
  }
}

let myCar = new Car("BMW", 50000);
myCar.getInfo();  // 输出：The brand of this car is BMW, and the price is 50000

Dalam contoh ini, kami mentakrifkan kaedah bernama getInfo, yang menggunakan fungsi console.log untuk mengeluarkan jenama dan harga kereta. Apabila kaedah getInfo() dipanggil pada objek contoh kelas, maklumat yang sepadan akan dicetak.

Mengakses atribut kelas

Dalam kaedah kelas, anda boleh terus mengakses dan mengubah suai atribut kelas, contohnya:

class Car {
  constructor(brand, price) {
    this.brand = brand;
    this.price = price;
  }

  getInfo() {
    console.log(`The brand of this car is ${this.brand}, and the price is ${this.price}`);
  }

  updatePrice(newPrice) {
    this.price = newPrice;
  }
}

let myCar = new Car("BMW", 50000);
myCar.updatePrice(55000);
myCar.getInfo();   // 输出：The brand of this car is BMW, and the price is 55000

Dalam contoh ini , kami mentakrifkan nama Gunakan kaedah updatePrice untuk mengemas kini harga kereta. Kaedah ini menerima parameter harga baharu dan menetapkannya pada harta price objek. Kemudian, dengan memanggil kaedah getInfo, kita boleh menyemak jenama kereta dan harga yang dikemas kini.

Kata kuncithis

Dalam contoh di atas, kami menggunakan kata kunci this untuk merujuk kepada objek semasa (iaitu, objek yang kaedah dipanggil). Dalam JavaScript, this ialah kata kunci yang menunjuk ke objek semasa Penunjuk khususnya ditentukan melalui timbunan panggilan pada masa jalan.

Contohnya, apabila memanggil myCar.getInfo(), this menunjuk ke objek myCar. Apabila memanggil kaedah updatePrice, this turut menunjuk ke objek myCar. Dengan menggunakan this, kita boleh mengakses sifat dan kaedah objek semasa dengan mudah.

Kaedah statik kelas

Selain kaedah contoh, JavaScript juga menyokong kaedah statik kelas. Kaedah statik ialah kaedah yang boleh diakses secara terus tanpa membuat instantiating objek Ia biasanya digunakan untuk mengendalikan tugasan yang berkaitan dengan kelas.

Dalam JavaScript, kaedah statik boleh ditakrifkan dengan menambahkan static pengubah suai pada takrif kelas, contohnya:

class Car {
  constructor(brand, price) {
    this.brand = brand;
    this.price = price;
  }

  getInfo() {
    console.log(`The brand of this car is ${this.brand}, and the price is ${this.price}`);
  }

  static getBrand() {
    console.log("The brand of this car is BMW");
  }
}

Car.getBrand(); // 输出：The brand of this car is BMW

Dalam contoh ini, kami mentakrifkan kaedah statik getBrand , yang secara langsung mengeluarkan maklumat jenama kereta tanpa membuat seketika objek kereta. Cuma panggil kaedah statik secara terus melalui nama kelas.

Ringkasan

Kaedah kelas ialah salah satu konsep teras dalam pengaturcaraan OOP Mereka boleh beroperasi pada atribut kelas dan melaksanakan pemprosesan data. JavaScript mentakrifkan kaedah kelas melalui prototaip kelas, dan setiap objek contoh boleh mengakses kaedah ini tanpa definisi berulang. Pada masa yang sama, JavaScript juga menyokong kaedah statik kelas, yang boleh diakses terus dengan nama kelas tanpa membuat instantiating objek.

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