Từ khóa super trong lớp JavaScript

Định nghĩa và cách sử dụng

super Từ khóa tham chiếu lớp cha.

Nó được sử dụng để gọi hàm khởi tạo của lớp cha và truy cập vào thuộc tính và phương thức của lớp cha.

Lưu ý:Để hiểu rõ hơn về khái niệm "kế thừa" (lớp cha và lớp con), hãy đọc tài liệu của chúng ta Giáo trình lớp JavaScript。

thực thể

Tạo một lớp có tên là "Model", lớp này sẽ thông qua việc sử dụng extends từ khóa kế thừa phương thức của lớp "Car".

bằng cách gọi trong phương thức khởi tạo super() Phương thức, chúng ta sẽ gọi phương thức khởi tạo của lớp cha và có thể truy cập vào thuộc tính và phương thức của lớp cha:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'Tôi có một ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', nó là một ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Thử ngay

Cú pháp

super(tham số);  // Gọi hàm构造函数 cha (chỉ trong hàm构造函数)
super.parentMethod(tham số);  // Gọi phương thức cha

Chi tiết kỹ thuật

Phiên bản JavaScript： ECMAScript 2015 (ES6)

Hỗ trợ trình duyệt

Từ khóa Chrome IE Firefox Safari Opera
super 42.0 13.0 45.0 9.0 36.0

Trang liên quan

Giáo trình JavaScript：Lớp của JavaScript

Giáo trình JavaScript：JavaScript ES6 (EcmaScript 2015)

Tài liệu tham khảo JavaScript:ký tự extends

Tài liệu tham khảo JavaScript:Phương thức constructor()