TypeScript构造函数与工厂函数类型错误排查求助

你遇到的这两个TypeScript错误，核心原因是TypeScript无法自动推断你写的MockNconf函数同时具备**构造函数（用new调用）和普通工厂函数（直接调用）**的双重角色。我们来一步步解决这个问题：

错误原因分析 #

• 第一个错误TS2322：TypeScript认为你的函数只是一个普通的(conf: Conf) => MockNconf函数，但你定义的MockNconfConstructor接口要求它还必须支持new (conf: Conf): MockNconf的构造函数签名。
• 第二个错误TS2350：当你用new调用函数时，TypeScript默认认为这个函数是void返回类型，但实际上你希望它返回MockNconf实例。

修正后的代码 #

我们需要通过类型断言明确告诉TypeScript函数的双重角色，同时补全接口的属性定义：

import * as deepclone from 'lodash.clonedeep';

type Conf = { [key: string]: any };

// 补全conf属性，让TypeScript识别实例上的conf字段
interface MockNconf {
  conf: Conf;
  set(key: string, data: any): void;
  get(key: string): any;
  clone(): MockNconf;
}

// 定义同时支持构造和工厂调用的接口
interface MockNconfConstructor {
  new (conf: Conf): MockNconf;
  (conf: Conf): MockNconf;
}

// 使用类型断言让TypeScript认可函数的双重角色
export const MockNconf = function(conf: Conf): MockNconf {
  // 工厂函数逻辑：如果不是new调用，就创建实例返回
  if (!(this instanceof MockNconf)) {
    return new MockNconf(conf);
  }
  // 构造函数逻辑：初始化实例属性
  this.conf = conf;
} as MockNconfConstructor;

// 挂载原型方法
Object.assign(MockNconf.prototype, {
  set: function(key: string, data: any): void {
    if (typeof data === 'undefined') {
      this.conf[key] && delete this.conf[key];
    } else {
      this.conf[key] = data;
    }
  },
  get: function(key: string): any {
    return this.conf[key];
  },
  clone: function(): MockNconf {
    const newConf = deepclone(this.conf);
    return new MockNconf(newConf);
  }
});

export default MockNconf;

关键改动说明 #

1. 补全MockNconf接口的conf属性：因为你在构造函数中给实例赋值了this.conf，明确这个属性可以避免TypeScript报错找不到conf字段。
2. 使用类型断言as MockNconfConstructor：直接告诉TypeScript这个函数既可以被new调用作为构造函数，也可以直接调用作为工厂函数，匹配我们定义的接口签名。
3. 简化函数内部逻辑：去掉了函数声明中的重复名称MockNconf，避免不必要的混淆，同时保持构造/工厂的判断逻辑不变。

这样修改后，你再运行tsc就不会再出现类型错误了，不管是用new MockNconf(...)还是直接MockNconf(...)都能被TypeScript正确识别。

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