Lớp siêu JavaScript
Định nghĩa và Cách sử dụng
Từ super
khóa được sử dụng để gọi phương thức khởi tạo của lớp cha của nó để truy cập các thuộc tính và phương thức của lớp cha.
Mẹo: Để hiểu rõ hơn về khái niệm "kế thừa" (các lớp cha và con), hãy đọc Hướng dẫn về Lớp JavaScript của chúng tôi .
Thí dụ
Tạo một lớp có tên "Model" sẽ kế thừa các phương thức từ lớp "Car" bằng cách sử dụng extends
từ khóa.
Bằng cách gọi super()
phương thức trong phương thức khởi tạo, chúng ta gọi phương thức khởi tạo của cha mẹ và có quyền truy cập vào các thuộc tính và phương thức của cha mẹ:
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();
Hỗ trợ trình duyệt
super
là một tính năng ECMAScript6 (ES6).
ES6 (JavaScript 2015) được hỗ trợ trong tất cả các trình duyệt hiện đại:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
super
không được hỗ trợ trong Internet Explorer 11 (hoặc phiên bản cũ hơn).
Cú pháp
super(arguments); // calls the parent constructor (only inside
the constructor)
super.parentMethod(arguments); // calls a parent method
Chi tiết kỹ thuật
Phiên bản JavaScript: | ECMAScript 2015 (ES6) |
---|
Các trang liên quan
Hướng dẫn JavaScript: Các lớp JavaScript
Hướng dẫn JavaScript: JavaScript ES6 (EcmaScript 2015)
Tham khảo JavaScript: Từ khóa mở rộng
Tham chiếu JavaScript: Phương thức constructor ()