Lớp JavaScript siêu
Sự miêu tả
Từ khóa super
được sử dụng để gọi hàm tạo của lớp cha để 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" (lớp cha và lớp con), hãy đọc Hướng dẫn về lớp JavaScript của chúng tôi.
Ví dụ
Tạo một lớp có tên "Model" sẽ kế thừa các phương thức từ lớp "Ô tô" bằng cách sử dụng từ khóa extends
.
Bằng cách gọi phương thức super()
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 và có quyền truy cập vào các thuộc tính và phương thức của cha:
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 của ECMAScript6 (ES6).
ES6 (JavaScript 2015) được hỗ trợ trong tất cả các trình duyệt hiện đại kể từ tháng 6 năm 2017:
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
May 2016 | Apr 2017 | Jun 2017 | Sep 2016 | Jun 2016 |
super
không được hỗ trợ trong Internet Explorer.
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) |
---|
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 khảo JavaScript: Phương thức constructor()