绑定类丢失静态属性：无法访问的原因及保留静态方法的绑定方案

一、幕后原因 #

其实核心问题出在bind方法的本质和类的静态属性存储机制上：

• 当你对一个类（本质是构造函数）调用bind时，它返回的是一个全新的包装函数，而不是原类本身。这个包装函数的作用只是在被调用时，以预设的this和参数去执行原构造函数，但它和原类是完全独立的两个函数对象。
• 类的静态属性/方法是直接挂载在原类的构造函数对象上的，而bind返回的新函数并没有自动继承或复制这些静态成员——它的原型链和原类不挂钩，也不会同步原类的静态属性。

举个直观的例子：

class User {
  static role = 'guest';
  constructor(name) {
    this.name = name;
  }
}

// 绑定预设参数
const BoundUser = User.bind(null, 'Bob');
console.log(BoundUser.role); // 输出undefined，因为BoundUser是新函数，没拿到原User的静态属性

二、不丢失静态方法的绑定方案 #

这里有几种靠谱的解决思路，根据你的场景选就行：

1. 手动复制静态成员

最简单的方式就是把原类的所有静态属性/方法，直接拷贝到绑定后的函数上：

const BoundUser = User.bind(null, 'Bob');
// 用Object.assign复制所有可枚举的静态成员
Object.assign(BoundUser, User);

console.log(BoundUser.role); // 输出'guest'，静态属性回来了！

这种方式适合简单场景，但要注意如果原类后续新增静态成员，绑定后的函数不会自动同步，需要手动更新。

2. 自定义绑定工厂函数

写一个工具函数，不仅绑定参数，还让返回的函数继承原类的静态属性，同时保证实例的原型链正确：

function bindClass(OriginalClass, ...presetArgs) {
  // 定义绑定后的构造函数
  const BoundClass = function(...restArgs) {
    // 调用原构造函数创建实例
    return new OriginalClass(...presetArgs, ...restArgs);
  };

  // 让BoundClass继承原类的静态属性/方法
  Object.setPrototypeOf(BoundClass, OriginalClass);
  // 保证实例的原型链正确，instanceof依然能识别原类
  Object.setPrototypeOf(BoundClass.prototype, OriginalClass.prototype);

  return BoundClass;
}

// 使用方式
const BoundUser = bindClass(User, 'Bob');
console.log(BoundUser.role); // 'guest'
const user = new BoundUser();
console.log(user instanceof User); // true，原型链没问题

这种方式更健壮，适合需要长期维护的场景。

3. 用类继承实现预设参数

如果你的环境支持ES6类，也可以通过子类继承的方式实现类似绑定的效果，静态属性会自动继承：

class BoundUser extends User {
  constructor(...extraArgs) {
    // 预设参数传给父类构造函数
    super('Bob', ...extraArgs);
  }
}

console.log(BoundUser.role); // 'guest'，静态属性自动继承
const user = new BoundUser();
console.log(user.name); // 'Bob'

这种方式语义更清晰，适合需要扩展类的场景，后续还能给子类加额外的逻辑。

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