首页技术文章正文

ES6 的 class 和构造函数的区别

更新时间:2021-07-21 来源:黑马程序员 浏览量:

IT培训班

class 的写法只是语法糖,和之前 prototype 差不多,但还是有细微差别的,下面看看:

严格模式
类和模块的内部,默认就是严格模式,所以不需要使用use strict指定运行模式。只要你的代码写在类或模块之中,就只有严格模式可用。考虑到未来所有的代码,其实都是运行在模块之中,所以 ES6 实际上把整个语言升级到了严格模式。

不存在提升
类不存在变量提升(hoist),这一点与 ES5 完全不同。

new Foo(); // ReferenceError
class Foo {}

方法默认是不可枚举的
ES6 中的 class,它的方法(包括静态方法和实例方法)默认是不可枚举的,而构造函数默认是可枚举的。细想一下,这其实是个优化,让你在遍历时候,不需要再判断 hasOwnProperty 了

1626847614824_class-和构造函数的区别.jpg


class 的所有方法(包括静态方法和实例方法)都没有原型对象 prototype,所以也没有[[construct]],不能使用 new 来调用。

class 必须使用 new 调用,否则会报错。这是它跟普通构造函数的一个主要区别,后者不用 new 也可以执行。

ES5 和 ES6 子类 this 生成顺序不同
ES5 的继承先生成了子类实例,再调用父类的构造函数修饰子类实例。ES6 的继承先 生成父类实例,再调用子类的构造函数修饰父类实例。这个差别使得 ES6 可以继承内置对象。

ES6可以继承静态方法,而构造函数不能





猜你喜欢:

ES6 symbol数据类型

jQuery元素内容操作的方法有多少种?

企业级微信小程序的开发与应用【黑马程序员教程】

黑马程序员web前端开发培训

分享到:
在线咨询 我要报名