如何理解MDN类求值顺序章节中static field的描述及初始化时机疑问

你的观察是对的——类的静态成员（包括静态方法、静态字段）在类定义阶段就已经完成初始化，不需要等到你访问或调用它们才执行求值操作。

原因解析： #

JavaScript的类本质是构造函数的语法糖，静态成员是直接挂载在类的构造函数对象（也就是MyClass本身）上的。当代码执行到class MyClass {...}这段定义时，JavaScript引擎会完成以下操作：

1. 创建MyClass构造函数对象。
2. 执行类体中的静态成员定义逻辑：
   • 对于静态方法static staticMethod() {}，会直接将这个函数赋值为MyClass的属性，等价于手动执行MyClass.staticMethod = function() {}。
   • 对于带初始化器的静态字段（比如static count = 0），初始化表达式会在此时求值，并将结果赋值给类的对应属性。

关于this的指向： #

在类定义阶段处理静态成员时，this确实指向类本身（即MyClass构造函数对象）。举个例子：

class MyClass {
  static baseNum = 10;
  static calcNum = this.baseNum * 2;
}
console.log(MyClass.calcNum); // 输出20

这里calcNum的初始化表达式在类定义时就执行了，this指向MyClass，所以能正确获取baseNum的值并计算。

回到你的测试代码，当你执行console.dir(MyClass)时，staticMethod已经作为MyClass的属性存在了，因为它在类定义完成时就已经被挂载上去了，和你是否调用它无关。

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