Từ khóa extends trong JavaScript

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

extends Từ khóa được sử dụng để tạo lớp con (lớp cha) của một lớp khác.

Lớp con kế thừa tất cả các phương pháp của lớp khác.

Kế thừa rất hữu ích cho việc tái sử dụng mã: khi tạo lớp mới, tái sử dụng các thuộc tính và phương pháp của lớp hiện có.

Chú thích:Từ ví dụ trên, ta có thể thấy rằng:super() Phương pháp đã tham chiếu đến lớp cha. Bằng cách gọi super() Phương pháp, chúng ta sẽ gọi phương pháp构造方法 của lớp cha và có thể truy cập vào các thuộc tính và phương pháp của lớp cha.

Thực thể

Tạo một lớp 'Model' sẽ kế thừa các phương pháp lớp 'Car':

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

class childClass extends parentClass

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
extends 49.0 13.0 45.0 9.0 36.0

Các trang liên quan

JavaScript Hướng dẫn:Lớp của JavaScript

JavaScript Hướng dẫn:JavaScript ES6 (EcmaScript 2015)

Tài liệu tham khảo JavaScript:Từ khóa super

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