ES6类与构造函数有什么区别_如何用class语法实现面向对象【教程】 返回列表

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

ES6 的 class 不是新对象模型，它只是构造函数的语法糖 —— 底层仍基于原型链，行为完全等价于用 function 声明并手动挂载方法的构造函数。

class 声明不会被提升，而函数声明会

这是最常踩的坑：你不能在 class 定义前就使用它，哪怕只是 typeof 或 new。

• console.log(typeof MyClass); // ReferenceError: Cannot acce

  

  ss '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 主体执行之前。这意味着父类构造函数内还看不到这个字段 —— 它不是“声明时赋值”，而是“实例创建后、构造函数运行前”的隐式赋值步骤。