TypeScript中如何实现已声明全局类的constructor构造函数？

问题原因 #

你在declare global块中编写的是TypeScript类型声明代码，仅用于给编译器提供全局类的类型提示，不会生成任何实际运行时代码，运行时环境里根本不存在Test这个类。你之前尝试给Test.constructor赋值的写法逻辑完全错误：constructor是类实例原型上的构造标识，给类本身的constructor属性赋值修改的是类构造函数的构造函数，和你要实现类逻辑的需求完全不匹配。

正确实现步骤 #

1. 保留原有类型声明 #

你写的全局类型声明是正确的，它的作用是告诉TS编译器全局存在一个符合该结构的Test类，避免调用时报类型错误：

declare global {
    class Test {
        public readonly status: number
        constructor (status: number)
    }
}
// 如果当前是模块文件（存在import/export语句），需要加空export让TS识别为模块声明
export {}

2. 编写实际的类实现并挂载到全局 #

根据你的运行环境选择对应挂载方式，实现类的结构必须和你声明的类型完全匹配：

浏览器环境

// 实现Test类，imports语法会自动校验实现是否符合声明的类型
class Test implements globalThis.Test {
  public readonly status: number;
  constructor(status: number) {
    this.status = status;
    // 补充你的构造逻辑
  }
}

// 挂载到window全局对象
(window as any).Test = Test;

Node.js环境

class Test implements globalThis.Test {
  public readonly status: number;
  constructor(status: number) {
    this.status = status;
    // 补充你的构造逻辑
  }
}

// 挂载到Node全局对象
(globalThis as any).Test = Test;

极简写法 #

也可以直接在赋值时定义类，省略单独的类声明步骤：

(globalThis as any).Test = class Test {
  public readonly status: number;
  constructor(status: number) {
    this.status = status;
  }
}

验证 #

完成以上步骤后，你可以直接在全局任意位置调用，类型和运行时都会正常工作：

const test = new Test(200);
console.log(test.status); // 输出 200

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