构造函数与class实现类的区别

最新推荐文章于 2024-09-21 09:29:16 发布

程序员-小许

最新推荐文章于 2024-09-21 09:29:16 发布

阅读量503

点赞数 11

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_37820751/article/details/135662038

版权

本文讨论了ES6中使用`class`关键字声明的类与传统构造函数创建类的区别，包括方法可枚举性、原型对象和调用方式。同时介绍了Babel将ES6类转换为ES5的实现过程。

摘要由CSDN通过智能技术生成

构造函数与class实现类的区别

首先聊聊ES6 class定义的类和用构造函数new出来的类的一些不同之处

class声明提升
class声明内部会启用严格模式
class的所有方法都是不可枚举的
class的所有方法都没有原型对象prototype
class定义的类不能被当做函数调用

ES6的class 关键字的实现原理

/**
  *ES6的类
  **/
class Parent{
    
    constructor(a){
        this.a = a;
    }

    print(){
        console.log('parent')
    }

}
---------------------------------------Babel 2 ES5------------------------------------------------------
/**
  *ES5来实现ES6的类
  **/
var Parent = /*#__PURE__*/function (a) {
  function Parent() {
    _classCallCheck(this, Parent);
    this.a = a;
  }

  _createClass(Parent, [{
    key: "print",
    value: function print() {
      console.log('parent');
    }
  }]);

  return Parent;
}();