ES6 class是构造函数的语法糖,基于原型链,不提升、严格模式、方法不可枚举、继承需先调super()、字段初始化在super()后。

ES6 的 class 不是新对象模型,它只是构造函数的语法糖 —— 底层仍基于原型链,行为完全等价于用 function 声明并手动挂载方法的构造函数。
class 声明不会被提升,而函数声明会
这是最常踩的坑:你不能在 class 定义前就使用它,哪怕只是 typeof 或 new。
console.log(typeof MyClass); // ReferenceError: Cannot access 'MyClass' before initialization- 函数声明则可以:
console.log(typeof MyFunc); // "function"(即使写在定义之前) - 如果需要类似函数提升的效果,改用
const MyClass = class { ... }(类表达式),它和函数表达式一样遵循变量提升规则(但仍是let语义,不可重复声明)
class 内部方法默认不可枚举,constructor 里手动挂载的不是
这直接影响 for...in、Object.keys() 和一些序列化逻辑。
-
class C { method() {} }→Object.prototype.propertyIsEnumerable.call(C.prototype.method)返回false -
function C() {}; C.prototype.method = function() {}→ 同样调用返回true - 若需兼容旧代码中依赖可枚举性的遍历,别依赖
for...in查实例方法;改用Object.getOwnPropertyNames()或明确列出方法名
class 中没有变量提升,且严格模式自动启用
你无法在 class 体内写 var x = 1 或省略 let/const,也别想用 arguments 或 with —— 这些在 class 内部直接报错。
-
class C { constructor() { arguments; } }→ReferenceError: arguments is not defined -
class C { method() { with({}){} } }→ 语法错误 - 所有
class体(包括静态块、字段初始化)都隐式处于严格模式,无需写"use strict"
继承时 super() 必须在 this 使用前调用,且只在子类 constructor 中强制
这是 class 继承最硬的约束:不调 super() 就访问 this,JS 引擎立刻抛 ReferenceError。
-
class B extends A { constructor() { console.log(this); } }→ 报错,必须先super() - 父类
constructor中无此限制(因为没继承) -
super()必须在子类constructor的第一句?不一定,但必须在任何this引用之前 —— 所以通常放最前,否则容易漏 - 静态方法中不能用
super访问实例属性,super在静态上下文里指向父类本身(即super === Parent)
真正容易被忽略的是:class 字段初始化(如 value = 1)实际发生在 super() 返回之后、constructor 主体执行之前。这意味着父类构造函数内还看不到这个字段 —— 它不是“声明时赋值”,而是“实例创建后、构造函数运行前”的隐式赋值步骤。







