class语法必须转译为ES5构造函数+原型链代码以兼容旧环境，本质是原型系统的语法糖，Babel等工具通过辅助函数实现继承、super调用及静态方法等特性的准确降级。
JavaScript 中 class 语法在旧环境（如 IE11 或 Node.js < 6）中无法直接运行，必须转译为 ES5 风格的构造函数 + 原型链代码。这不是可选项，而是兼容性落地的关键一步。
class 本质是语法糖，降级有明确对应关系
class 不是全新机制，它完全基于 JavaScript 原型系统。Babel 等工具正是利用这一点，把类声明还原成等效的函数表达式和原型赋值逻辑。
- 类声明
class Person { constructor(name) { this.name = name; } }→ 转为function Person(name) { this.name = name; } - 实例方法
sayHi() { return 'Hi'; }→ 挂到Person.prototype.sayHi = function() { return 'Hi'; }; - 静态方法
static create() {}→ 赋给Person.create = function() {}; - 继承
class Student extends Person→ 用inherits(Student, Person)辅助函数处理原型链和super调用
用 @babel/preset-env 自动控制转译粒度
不需要手动开关每个转换规则。配置目标环境后，@babel/preset-env 会智能判断哪些 class 特性需降级。
- 指定
"targets": { "ie": "11" }，它就知道class、extends、super全部要转 - 若只支持 Chrome 70+，
class可能保留原样，但private #field仍会被处理 - 配合
"useBuiltIns": "usage"，还能按需注入core-js中与 class 相关的垫片（如Reflect.construct）
注意继承和 super 的细节陷阱
ES5 构造函数中模拟 super() 并不简单。Babel 生成的辅助函数（如 _getPrototypeOf、_createSuper）会确保子类正确调用父类构造器，并维持 new.target 行为。
立即学习“Java免费学习笔记（深入）”；
- 没配
@babel/plugin-transform-runtime时，这些辅助函数默认内联，导致重复代码 - 启用该插件后，辅助函数被抽成统一 import，减小包体积，也避免污染全局作用域
- 手写 ES5 继承时容易漏掉
Object.setPrototypeOf(Sub.prototype, Super.prototype)，转译工具自动补全
不依赖构建时，也可用简易降级写法兜底
极简场景（如单页脚本、微前端子应用）可手动改写，避免引入 Babel：
- 去掉
class关键字，改用命名函数定义构造器 - 所有方法写在
MyClass.prototype.xxx = function() {} - 继承用
util.inherits(Child, Parent)（Node.js）或Object.setPrototypeOf(Child.prototype, Parent.prototype)（浏览器） - 避免使用私有字段、装饰器、静态块等无法干净降级的特性
