ES6 类
ES6之前没有类的概念,一般采用以下方式来模仿类

基本的类声明语法

私有属性是实例中的属性,不会出现在原型上,且只能在类的构造函数中创建所有私有属性
PersonClass声明实际上创建了一个具有构造函数方法行为的函数
与函数不同的是,类属性不可被赋予新值
类与自定义类型间的差异
(1)函数声明可以被提升,而类声明与let声明类似,不能被提升,执行声明语句之前,都处于临时死区
(2)类声明中所有代码将自动运行在严格模式下,而且无法强行让代码脱离严格模式执行
(3)在自定义类型中,需要通过Object.defineProperty() 方法手工指定某个方法为不可枚举;而在类中,所有方法都是不可枚举的
(4)每个类都有一个名为[[constructor]] 的内部方法,通过new关键字调用那些不含[[constructor]]方法会抛出错误
(5)使用除new关键字外的方式调用类的构造函数会导致程序抛出错误
(6)在类中修改类名会抛出错误
与PersonClass声明的等价代码

类的名称只在类中为常量,不能修改,可以在外部修改
类表达式

PersonClass.name值为空串
命名类表达式

类: 可以传入函数,可以从函数返回,可以赋值给变量的值
(1)传入函数

返回类的实例化存在obj中
(2)类表达式的单例

通过立即执行表达式创建了一个实例,并传递了name参数
访问器属性

可计算成员名称

静态成员
ES5 时,直接将方法添加到构造函数中来模拟静态成员是一种常见的模式

由于工厂方法PersonType.create() 使用的数据不依赖于PersonType的实例,所以被认为是静态方法
ES6 类中

使用static定义静态方法,不能用于构造函数, 不可在实例中访问静态成员,必须要直接在类中访问静态成员
继承与派生类
ES6 之前的继承(寄生组合式继承)

类出现后,

继承自其它类的类称为派生类,如果派生类中指定了构造函数则一定要调用super(),如果不这样做程序会报错
如果没有使用构造函数,则当创建新的类实例会自动调用super() 并传入参数
super() 使用
1.只可在派生类的构造函数中使用super()
2.在构造函数中访问this一定要先调用super() ,它用来初始化this
类方法遮蔽
派生类中的方法会覆盖基类中的同名方法。
如果想使用基类中的方法,可以使用super.getArea() 来调用
静态成员继承
可以发现,派生类去调用基类的静态方法,返回的是基类的实例
派生自表达式的类

因为Rectangle 具有 [[Construct]] 属性和原型,所以Square可以直接继承它
动态确定类的继承目标

内建对象的继承
ES5中不行,
ES6 可以

因为ES5的传统继承方式,先由派生类型创建this值,然后调用基类的构造函数(例如apply()),这也意味着,this开始的指向是派生类型的实例,但是随后会被基类的其它属性修饰
ES6继承则与之相反,先由基类创建this的值,然后派生类的构造函数再修改这个值,所以一开始可以通过this访问基类的所有内建功能,然后再接收其它功能
内建对象继承时,原本在内建对象中返回实例自身的方法将自动返回派生类的实例
通过Symbol.species实现,被用于定义返回函数的静态访问器属性,被返回的是一个构造函数
可以通过Symbol.species来指定那些返回数组的方法应该从哪个类中获取
在类的构造函数中使用new.target

因为通过Rectangle调用构造函数

此时new.target的值不为Rectangle,因为是通过Square调用的Rectangle的构造函数,所以new.target的值为Square
抽象基类

因为类必须通过new关键字来调用,所以new.target 不可能是undefined

浙公网安备 33010602011771号