class 语法在 Babel 中如何编译为 ES5 兼容代码
babel 通过 @babel/plugin-transform-class-properties 插件将 es6 的 class 语法转换为 es5 的构造函数和原型方法。核心做法是调用 transformclassproperties，设置 loose: true 以使用简单的赋值语句而非 object.defineproperty，从而生成可直接运行的 es5 代码。
extends 继承链在 Babel 中的具体实现机制
Babel 使用 _inherits 辅助函数处理 extends 关键字，建立子类与父类的原型链关系。该函数通过 Object.create 复制父类原型，并修正子类的 constructor 指向，确保 instanceof 检查正常工作。
静态属性初始化时的执行顺序与结果
在编译后的代码中，静态属性的初始化发生在构造函数执行之前，但依赖于父类静态属性的加载顺序。如果子类静态属性引用了未初始化的父类静态变量，会导致 undefined 或运行时错误。
立即学习“Java免费学习笔记（深入）”；
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i Babel_Transform [label="parse & analyze"]; Babel_Transform -> ES5_Constructor [label="generate constructor"]; Babel_Transform -> Prototype_Chain [label="setup inheritance"]; Babel_Transform -> Define_Property [label="define methods/props"]; } digraph G { rankdir=TB; node [shape=diamond, style=filled, fillcolor=lightyellow, fontname="Arial", fontsize=16]; edge [fontname="Arial", fontsize=16]; Start [label="Start Inheritance Setup"]; Check_Parent [label="Is Parent Null?"]; Create_Proto [label="Object.create(Parent.prototype)"]; Set_Constructor [label="Set Child.prototype.constructor"]; Link_Child [label="Child.prototype = Result"]; End [label="End Inheritance Setup"]; Start -> Check_Parent; Check_Parent -> Create_Proto [label="No"]; Check_Parent -> End [label="Yes"]; Create_Proto -> Set_Constructor; Set_Constructor -> Link_Child; Link_Child -> End; } digraph G { rankdir=LR; node [shape=ellipse, style=filled, fillcolor=lightgreen, fontname="Arial", fontsize=16]; edge [fontname="Arial", fontsize=16]; Parent_Static_Init [label="Parent Static Init"]; Child_Static_Init [label="Child Static Init"]; Execution_Order [label="Execution Order"]; Result_Undefined [label="Result: undefined"]; Result_Error [label="Result: Runtime Error"]; Parent_Static_Init -> Execution_Order; Execution_Order -> Child_Static_Init; Child_Static_Init -> Result_Undefined [label="Ref Uninit Var"]; Child_Static_Init -> Result_Error [label="Circular Ref"]; }
