如何不使用class{}语法生成静态函数？兼析类语法中静态函数的创建机制

好问题！你提到的static关键字确实不能直接在普通函数内部使用，但我们完全可以手动模拟出类似class静态方法的效果，同时也来拆解下class语法背后到底是怎么实现静态方法的。

一、手动模拟普通函数的“静态方法” #

普通函数本身也是一个对象，所以我们可以直接给函数对象本身添加属性（方法），这就相当于class里的静态方法——它们只属于函数本身，不会被实例继承：

function Generator() {
  // 这里写的是实例方法，会挂载在Generator.prototype上
  this.instanceMethod = function() {
    console.log('这是实例方法');
  };
}

// 直接给Generator函数对象添加方法，这就是“静态方法”
Generator.staticFunct = function() {
  console.log('这是模拟的静态方法');
};

// 测试验证：
Generator.staticFunct(); // 可以直接通过函数调用
const instance = new Generator();
instance.instanceMethod(); // 实例能访问原型/自身的方法
console.log(instance.staticFunct); // undefined，实例继承不到静态方法
console.log(Generator.staticFunct.prototype); // 普通函数都会自带prototype，但它和实例无关

二、Class静态方法的底层实现 #

你说得没错，class语法确实是基于普通函数的语法糖，它的静态方法本质就是把方法直接挂载在构造函数对象上。比如你写的：

class A { 
  static a() {} 
}

底层其实等价于（简化版，class还会处理一些细节比如[[HomeObject]]属性，但核心逻辑一致）：

function A() {}
A.a = function() {};

这也是为什么静态方法没有被挂载到A.prototype上——因为它根本就不属于原型链，而是直接属于构造函数A这个对象本身。

三、关于你提到的Class与对象字面量的对比 #

你举的例子里：

class A { static a() {} }
const B = {b(){}};
console.log('a' in A && 'b' in B); // true
console.log(`${A.a.prototype}, ${B.b.prototype}`); // 都会输出类似[object Object]

这个现象的本质是：

• Class的静态方法a是挂载在构造函数A（它本身就是一个对象）上的；
• 对象字面量里的b是挂载在对象B上的；
  两者都是所属对象的自身属性，所以in操作符都会返回true。而A.a和B.b都是普通的函数（不是箭头函数），所以它们都会自带prototype属性——这是所有普通函数的特性，和是否是静态方法无关。

总结一下：如果你想在普通函数上实现类似class静态方法的效果，直接给函数对象本身添加方法就可以了，这就是class静态方法背后的核心逻辑~

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