class Friend extends Person { constructor(name, phone){ super(name) this.phone = phone } } let myfriend = new Friend('lee',2233) console.log(myfriend) // Friend { name: 'lee', phone: 2233 }
Friend 继承了 Person,术语上称 Person 为基类,Friend 为派生类。
需要注意的是,surpe()只能在派生类中使用,它负责初始化 this,所以派生类使用 this 之前一定要用surpe()。
3.1 继承内建对象
ES6 的类继承可以继承内建对象(Array、Set、Map 等),继承后可以拥有基类的所有内建功能。例如:
class MyArray extends Array { } let arr = new MyArray(1, 2, 3, 4), subarr = arr.slice(1, 3) console.log(arr.length) // 4 console.log(arr instanceof MyArray) // true console.log(arr instanceof Array) // true console.log(subarr instanceof MyArray) // true
注意到上例中,不仅 arr 是派生类 MyArray 的实例,subarr 也是派生类 MyArray 的实例,内建对象继承的实用之处是改变返回对象的类型。
浏览器引擎背后是通过[Symbol.species]属性实现这一行为,它被用于返回函数的静态访问器属性,内建对象定义了[Symbol.species]属性的有 Array、ArrayBuffer、Set、Map、Promise、RegExp、Typed arrays。
3.2 继承表达式的类
目前extends可以继承类和内建对象,但更强大的功能从表达式导出类!
这个表达式要求可以被解析为函数并具有[[Construct]]属性和原型,示例如下:
function Sup(val) { this.value = val } Sup.prototype.getVal = function () { return 'hello' + this.value } class Derived extends Sup { constructor(val) { super(val) } } let der = new Derived('world') console.log(der) // Derived { value: 'world' } console.log(der.getVal()) // helloworld
3.3 只能继承的抽象类
ES6 引入new.target元属性判断函数是否通过new关键字调用。类的构造函数也可以通过new.target确定类是如何被调用的。
可以通过new.target创建抽象类(不能实例化的类),例如:
class Abstract { constructor(){ if(new.target === Abstract) { throw new Error('抽象类(不能直接实例化)') } } } class Instantiable extends Abstract { constructor() { super() } } // let abs = new Abstract() // Error: 抽象类(不能直接实例化) let abs = new Instantiable() console.log(abs instanceof Abstract) // true
虽然不能直接使用 Abstract 抽象类创建实例,但是可以作为基类派生其它类。
四、类的静态成员
ES6 使用static关键字声明静态成员或方法。在类的方法或访问器属性前都可以使用static,唯一的限制是不能用于构造函数。
静态成员的作用是某些类成员的私有化,及不可在实例中访问,必须要直接在类上访问。
class Person { constructor(name) { this.name = name; } static create(name) { return new Person(name); } } let beauty = Person.create("Jenny"); // beauty.create('lee') // TypeError
如果基类有静态成员,那这些静态成员在派生类也可以使用。
例如将上例的 Person 作为基类,派生出 Friend 类并使用基类的静态方法create( ):
class Friend extends Person { constructor(name){ super(name) } } var friend = Friend.create('lee') console.log(friend instanceof Person) // true console.log(friend instanceof Friend) // false
可以看出派生类依然可以使用基类的静态方法。