每日一题:简述ES6 的 class 和构造函数的区别 ?

简述ES6 的 class 和构造函数的区别 ?

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

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

2. 不存在提升
类不存在变量提升(hoist),这一点与ES5完全不同。
new Foo(); // ReferenceError
class Foo() {}

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

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

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

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

7. ES6可以继承静态方法,而构造函数不能。
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值