extends

JavaScript 类(class) extends 关键字

JavaScript 类(class)

以下实例创建的类 "xiaoBai" 继承了 "Site" 类:

示例

class Site {
  constructor(name) {
    this.sitename = name;
  }
  present() {
    return '我喜欢' + this.sitename;
  }
}

class xiaoBai extends Site {
  constructor(name, age) {
    super(name);
    this.age = age;
  }
  show() {
    return this.present() + ', 它创建了 ' + this.age + ' 年。';
  }
}

let noob = new xiaoBai("小白教程", 5);
document.getElementById("demo").innerHTML = noob.show();尝试一下一键复制

定义和用法

extends 关键字用于创建一个类，该类是另一个类的子类。

子类继承了另一个类的所有方法。

继承对于代码可重用性很有用：在创建新类时重用现有类的属性和方法。

super() 方法引用父类的构造方法。

通过在构造方法中调用 super() 方法，我们调用了父类的构造方法，这样就可以访问父类的属性和方法。

语法

class childClass extends parentClass

技术细节

JavaScript 版本:

ECMAScript 2015 (ES6)

浏览器支持

extends 是 ECMAScript6 (ES6) 特性。

ES6 (JavaScript 2015) 支持目前所有主流的浏览器。

Chrome	Edge	Firefox	Safari	Opera
Chrome	Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes

Internet Explorer 11 或更旧版本的 IE 不支持 extends 关键字。

JavaScript 类(class)