JavaScript中如何获取可传递的类型实例化函数？

当然有办法实现你想要的效果！你之前尝试const newTypeAsFn = new Type不行，是因为new Type会直接执行构造函数并创建实例，而不是返回一个可以后续调用的函数。下面几种方案都能满足你的需求，把new Type(...args)转化为可传递的函数形式：

1. 最简单的包裹函数（高阶函数） #

写一个通用的工厂函数，把构造函数传进去，返回一个能创建实例的函数。这个方法非常直观，兼容性也极好：

// 通用工厂生成器
function createInstanceFactory(Type) {
  return function(...args) {
    return new Type(...args);
  };
}

// 示例用法
class User {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

// 获取针对User的实例创建函数
const createUser = createInstanceFactory(User);

// 直接调用就能创建实例
const user1 = createUser("Alice", 28);
console.log(user1 instanceof User); // true

// 还能把这个函数作为参数传递，比如给数组map用
const userData = [["Bob", 30], ["Charlie", 25]];
const users = userData.map(createUser);

如果只是针对单个构造函数，甚至可以简化成箭头函数，更简洁：

const createUser = (...args) => new User(...args);

2. 使用Reflect.construct API #

ES6新增的Reflect.construct是专门用来创建实例的底层API，它的作用和new关键字几乎一致，但更适合函数式的场景：

// 通用版本：传入构造函数和参数
const createInstance = (Type, ...args) => Reflect.construct(Type, args);

// 固定构造函数的版本
const createUser = (...args) => Reflect.construct(User, args);

// 调用效果完全一样
const user2 = createUser("Diana", 32);

Reflect.construct的优势在于，它还支持第三个参数用来指定实例的原型（比如实现继承场景），但日常使用中前面的写法就足够了。

3. 给构造函数添加静态方法 #

如果你想实现类似Type.new(...args)的调用形式，可以给类或者普通构造函数添加一个静态方法：

针对Class的写法 #

class User {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  // 添加静态方法，直接返回实例
  static new(...args) {
    return new this(...args);
  }
}

// 直接通过类调用静态方法创建实例
const user3 = User.new("Eve", 26);

针对普通构造函数的写法 #

function User(name, age) {
  this.name = name;
  this.age = age;
}

// 给构造函数添加静态方法
User.new = function(...args) {
  return new this(...args);
};

const user4 = User.new("Frank", 35);

这种方法的好处是调用语义更清晰，别人一看就知道User.new()是在创建User实例。

为什么你的尝试不行？ #

你之前写的const newTypeAsFn = new Type，这里的new Type会立即执行构造函数，并把创建出来的实例赋值给newTypeAsFn，而不是返回一个可以后续调用的函数。这就好比你直接执行了new User()，得到的是一个User实例，而不是能创建实例的函数，自然无法在后续传递并调用了。

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