Metode constructor Class JavaScript

Definisi dan penggunaan

constructor() Metode adalah metode khusus yang digunakan untuk menciptakan dan menginisialisasi objek yang dibuat di dalam kelas.

Ketika menginisialisasi kelasconstructor() Metoden akan dipanggil otomatis, dan harus menggunakan nama yang tepat "constructor", sebenarnya, jika Anda tidak memiliki metode konstruktur, JavaScript akan menambahkan metode konstruktur yang tak terlihat.

Perhatian:Sebuah kelas tidak dapat menggunakan banyak method constructor(). Ini akan menimbulkan SyntaxError.

Anda dapat menggunakan super() method untuk memanggil method konstruktur kelas induk (lihat contoh di bawah).

Instance

Contoh 1

Buat kelas Car, kemudian buat objek yang bernama "mycar" berdasarkan kelas Car ini:

class Car {
  constructor(brand) {  // Constructor
    this.carname = brand;
  }
}
mycar = new Car("Ford");

Coba sendiri

Contoh 2

Untuk membuat inheritance kelas, gunakan extends Kata kunci.

Kelas yang dibuat melalui inheritance akan mengambil semua method dari kelas lain.

Buat kelas yang bernama "Model" yang akan mengambil method dari kelas "Car".

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'I have a ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', it is a ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Coba sendiri

super() mengacu kepada kelas induk.

Dengan memanggil method super() Method, yang akan dipanggil method konstruktur kelas induk, dan dapat mengakses atribut dan method kelas induk.

Sintaks

constructor(parameters)

Detil Teknologi

Versi JavaScript: ECMAScript 2015 (ES6)

Dukungan Browser

Method Chrome IE Firefox Safari Opera
constructor() 49.0 13.0 45.0 9.0 36.0

Halaman- Halaman yang berhubungan

JavaScript Tutorial:Kelas JavaScript

JavaScript Tutorial:JavaScript ES6 (EcmaScript 2015)

Panduan referensi JavaScript:Kata kunci extends

Panduan referensi JavaScript:Kata kunci super