TypeScript全局脚本可包含具体实现吗？能否将类添加至全局作用域？

在没有任何顶层import或export语句的TypeScript文件里，你定义的非导出具体类（以及其他非导出的变量、函数等）会自动加入全局作用域，不需要额外的声明操作。

核心原因 #

TypeScript把这类无顶层导入导出的文件认定为全局脚本（而非模块），脚本内的所有顶层声明都会直接挂载到全局作用域中——这不仅适用于interface、type这类类型声明，也完全适用于可执行的具体代码，比如类、函数、变量的定义。

示例演示 #

全局脚本文件（global-class.ts） #

// 无任何顶层import/export
class GlobalUser {
  constructor(public name: string) {}
  greet() {
    console.log(`Hello, ${this.name}!`);
  }
}

const globalGreeting = "Hi from global scope!";

在其他全局脚本或HTML中直接使用 #

// 另一个全局脚本，无需导入
const user = new GlobalUser("Alice");
user.greet(); // 输出: Hello, Alice!

console.log(globalGreeting); // 输出: Hi from global scope!

注意事项 #

• 如果你的tsconfig.json里配置了module（比如设为ESNext、CommonJS），只要全局脚本文件没有顶层导入导出，就不会被当作模块处理，声明的类依然会进入全局作用域。
• 要是在模块文件（有import/export的文件）中想访问这个全局类，需要用declare提前声明它的类型：

  // 模块文件（带import/export）
  declare class GlobalUser {
    constructor(name: string);
    greet(): void;
  }
  
  const user = new GlobalUser("Bob"); // 正常使用
  

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