如何深入理解JavaScript中基于class的继承机制及其实现细节？

本文共计1720个文字，预计阅读时间需要7分钟。

目录 + 引用 + 写法 + constructor + 特性 + 继承 + 主题词 + 引言 + 前文已提：在 class 出现前，JavaScript 实现继承是件麻烦事，构造函数继承存在叠加原型上函数不能复用的问题；原型链继承又存在原型对象上属性被多个实例共享的问题。

目录

• 引言
• 写法
• constructor
• 特性
• 继承
• 题外话

引言

前文已提过：在 class 出现之前，JavaScript 实现继承是件麻烦事，构造函数继承有加上原型上的函数不能复用的问题；原型链继承又存在引用值属性的修改不独立的问题；组合继承又存在两次调用构造函数的问题，寄生组合继承，写起来又太麻烦了，总之，在 class 出现前，JavaScipt 实现继承真是件麻烦事儿。

然而，class 的出现真的改变这一现状了吗？

不如往下看。

写法

与函数类型相似，定义类也有两种主要方式：类声明和类表达式。

// 类声明 class Person {}

// 类表达式 const Animal = class {};

不过，与函数定义不同的是，虽然函数声明可以提升，但类定义不能。

与函数构造函数一样，多数编程风格都建议类名的首字母要大写，以区别于通过它创建的实例。