如何理解立即调用类表达式？代码执行与类关系等问题解析

什么是立即调用类表达式？ #

和立即调用函数表达式（IIFE）是一个思路——定义类的同时直接实例化，不用先给类命名再单独调用new。把类表达式用括号包裹后直接跟new，类的定义不会污染外部命名空间，用完就可以被回收（除非你把实例存起来）。

代码拆解：父类、子类一目了然 #

先把你给的代码拆成更直观的结构，就不会晕了：

// 父类：匿名类表达式（原代码里写的`class B`只是类表达式的内部标识符，外部访问不到）
const B = class {
  constructor() {
    console.log(this.foo());
  }
};

// 子类：类表达式class C，继承自B，包含实例属性和方法
const C = class extends B {
  num = 1;
  foo() {
    return this.num;
  }
};

// 立即实例化C，完成调用
new C();

所以明确：

• 父类是那个匿名的类表达式（原代码里的B只是内部标识，外部无法访问）；
• 子类是class C，它继承了父类的constructor，同时添加了自己的实例属性和方法。

执行逻辑一步步捋 #

1. 首先解析并创建父类的结构：它只有一个constructor，里面会调用this.foo()；
2. 接着定义子类C：它继承父类，同时通过实例初始化块（大括号里的内容）给实例添加num=1和foo()方法；
3. 用new直接实例化C：原代码里的括号把整个class C的定义包裹起来，让它能被new直接识别为构造函数，这就是“立即调用”的关键；
4. 实例化C时，JS会先调用父类的constructor，此时this指向的是子类C的实例（JS继承机制里，父类constructor中的this始终是子类实例）；
5. 父类constructor调用this.foo()，这个foo是子类C定义的方法，返回实例的num属性（值为1），所以控制台最终输出1。

为什么要这么写？用途有哪些？ #

核心原因 #

最主要的就是避免命名污染：这个类只需要用一次，没必要给它起个全局名字，写完直接实例化，用完就销毁，不会占用外部命名空间。

常见用途 #

• 创建一次性实例：比如某个只需要执行一次的工具逻辑，用类把相关属性、方法封装起来，比零散的函数更规整，还能利用类的继承特性；
• 封装临时逻辑：把相关变量、方法放在类的实例作用域里，不会泄漏到外部，避免和其他代码冲突；
• 模拟私有作用域：类内部的属性（比如这里的num）如果不主动暴露，外部根本访问不到，相当于一个封闭的逻辑单元。

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