【es6】es5中的类和 es6 中的类 class 有什么区别

es5 中类的本质

  1. 实际上是通过构造函数和原型链来模拟类的概念
  2. es5 没有 class 关键字
  3. 定义一个 function
  4. 再 function 的 prototype 上增加各种方法
  5. 使用 new 关键字创建实例,被 new 关键字调用的函数,就是构造函数
  6. 由时候被称为 伪类
  7. 这个函数也可以直接调用

es6 中的类

  1. 使用 class 关键字
  2. 由 constructor 构造函数,变量在构造函数中使用 this 指定变量
  3. 用 static 定义静态方法,静态方法的 this 指向类,而不是实例
  4. 使用 extends 进行集成
  5. 子类中使用 super 调用父类的构造函数或方法
  6. 必须使用 new 创建实例,不能直接调用 class
  7. 不支持私有属性/方法,没有 private/public 关键字【ts 中有】
  8. es6 为 new 命令引入了一个 new.target 属性
    1. 返回 new 命令作用于的那个构造函数,如果不是通过 new 调用,或 Reflect.construct() 调用的,new.target 会返回 undefined
    2. Reflect.construct(): 这是一个 ES6 引入的静态方法,用于创建一个由指定构造函数创建的实例。
相关推荐
Nan_Shu_6149 分钟前
学习: Threejs (2)
前端·javascript·学习
G_G#17 分钟前
纯前端js插件实现同一浏览器控制只允许打开一个标签,处理session变更问题
前端·javascript·浏览器标签页通信·只允许一个标签页
@大迁世界33 分钟前
TypeScript 的本质并非类型,而是信任
开发语言·前端·javascript·typescript·ecmascript
GIS之路41 分钟前
GDAL 实现矢量裁剪
前端·python·信息可视化
是一个Bug1 小时前
后端开发者视角的前端开发面试题清单(50道)
前端
Amumu121381 小时前
React面向组件编程
开发语言·前端·javascript
持续升级打怪中1 小时前
Vue3 中虚拟滚动与分页加载的实现原理与实践
前端·性能优化
GIS之路1 小时前
GDAL 实现矢量合并
前端
hxjhnct1 小时前
React useContext的缺陷
前端·react.js·前端框架
冰暮流星1 小时前
javascript逻辑运算符
开发语言·javascript·ecmascript