JavaScript静态初始化块继承疑问：如何实现子类继承时触发父类代码

为什么控制台不会两次打印"A"？ #

JavaScript的类静态初始化块仅在类首次完成初始化时执行一次，触发时机包括：

• 类自身被首次访问（比如直接引用A）
• 类作为父类，其子类首次被初始化时（比如定义B extends A时）

在你的代码中，定义B extends A会触发父类A的初始化，执行一次静态块打印"A"；但A的静态块不会因为后续被继承或再次引用而重复执行，因此控制台只会打印一次"A"和一次"B"。

ES2022是否原生支持继承时自动执行父类对应代码？ #

ES2022引入的类静态初始化块没有提供"每次被继承时自动执行父类静态逻辑"的原生特性，原生机制下父类静态块只会执行一次。

可行的实现方式 #

如果需要每次子类继承时都触发父类的特定逻辑，可以通过以下方式实现：

1. 封装静态方法，子类手动调用 #

把父类的静态逻辑封装成静态方法，在子类的静态块中主动调用：

class A {
    static init() {
        console.log("A");
    }
    static {
        A.init(); // 父类自身初始化时执行
    }
}
class B extends A {
    static {
        A.init(); // 子类继承时主动触发
        console.log("B");
    }
}

这种方式逻辑清晰、可控，是最常用的方案。

2. 用工厂函数统一创建子类 #

如果不想每个子类都手动写调用逻辑，可以封装一个工厂函数，自动为子类添加触发父类逻辑的代码：

class A {
    static onInherit() {
        console.log("A");
    }
    static {
        A.onInherit();
    }
}

function createSubClass(parent) {
    const subClass = class extends parent {};
    // 自动触发父类的继承逻辑
    parent.onInherit();
    return subClass;
}

// 使用示例
const B = createSubClass(A);
// 给B添加自定义静态逻辑
B.staticInit = () => console.log("B");
B.staticInit();

内容的提问来源于stack exchange，提问作者kungfooman