(declare global) typescript中 declare global 关键字用法示例小结使用 declare global 扩展全局作用域全网首发(图文详解1)

在TypeScript中，declare global的用法通常用来扩展全局作用域内的现有类型或者声明全局作用域中的新类型。这对于当你需要在多个文件中使用到某些全局变量或扩展原生类型（比如String或Array）而不想反复导入时，特别有用。

假设我们需要在全局作用域中扩展String类型来包括一个toMyUpperCase()的新方法，那么我们可以这样做：

首先，创建一个.d.ts文件来进行我们的声明，这种文件是TypeScript的类型定义文件，不包含具体的实现代码。比如，我们可以创建一个名为global.d.ts的文件。

在global.d.ts文件中，我们可以这样写来扩展String类型：

declare global {
  interface String {
    toMyUpperCase(): string;
  }
}

export {};

注意在文件的末尾添加export {}是为了确保TypeScript将该文件视为一个模块，否则declare global可能不会按预期工作。

现在，我们已经在类型层面上扩展了String，但还需要在实际的JavaScript运行时中给String.prototype添加这个新方法。这可以在我们的应用的任何地方进行，但通常最好在项目的初始化阶段就做这件事。例如，你可以在一个专门的setup.ts文件中写下：

String.prototype.toMyUpperCase = function (): string {
  // 这里是自定义逻辑，这里仅作为演示简单地调用了原生的toUpperCase
  return this.toUpperCase();
};

完成上述步骤后，在你的TypeScript项目中的任意地方，你都可以这样使用你的toMyUpperCase方法：

const greeting = "hello world";
console.log(greeting.toMyUpperCase()); // "HELLO WORLD"