TS 语言下使用 globalthis

在 TypeScript 中，可以使用 `globalThis` 来引用全局对象。 `globalThis` 是一个标准化的全局对象，它可以在任何环境中获取到全局对象，而不需要考虑当前环境的差异性。例如，在浏览器环境中，全局对象是 `window`，在 Node.js 环境中，全局对象是 `global`，在 Web Worker 中，全局对象是 `self`。

以下是在 TypeScript 中使用 `globalThis` 的示例：

// 在浏览器环境中输出全局变量 window 的类型
console.log(typeof globalThis.window);

// 在 Node.js 环境中输出全局变量 global 的类型
console.log(typeof globalThis.global);

// 在 Web Worker 中输出全局变量 self 的类型
console.log(typeof globalThis.self);

注意，`globalThis` 是在 ECMAScript 2020 中引入的，如果你使用的是较旧的浏览器或 Node.js 版本，可能不支持 `globalThis`。在这种情况下，你可以通过使用 `window` 或 `global` 来引用全局对象。

相关问题

TS 语言下 使用 globathis

在 TypeScript 中，`globalThis` 是一个全局对象，它可以在任何环境下访问全局对象。它是在 ES2020 中引入的，它提供了一个跨平台、可靠的方式来访问全局对象，包括浏览器、Node.js 等环境。使用 `globalThis` 可以避免在不同的环境中使用不同的全局对象，例如 `window`、`self`、`global` 等等。在 TypeScript 中，可以直接使用 `globalThis` 来访问全局对象，而不需要使用其他全局对象的别名。例如：

// 访问全局对象
console.log(globalThis);

// 在全局作用域中定义变量
globalThis.myVar = 'Hello, world!';

// 在全局作用域中定义函数
globalThis.myFunc = function() {
  console.log('Hello, world!');
};

// 在全局作用域中使用变量和函数
console.log(myVar); // Hello, world!
myFunc(); // Hello, world!

在TS 语言下使用Windows 定义一个全局对象

在 TypeScript 中，可以使用 `declare` 关键字来声明全局变量，从而定义一个全局对象。例如，如果你想定义一个全局对象 `MyGlobal`，可以在任意 TypeScript 文件中添加以下代码：

declare global {
  interface MyGlobal {
    // 定义 MyGlobal 对象的属性和方法
    myProperty: number;
    myMethod(): void;
  }
}

// 在其他 TypeScript 文件中也可以直接使用 MyGlobal 对象
let obj: MyGlobal = {
  myProperty: 123,
  myMethod() {
    console.log('Hello World');
  }
};

在上面的代码中，我们使用 `declare global` 来声明一个全局变量，并在其内部定义了一个 `MyGlobal` 接口，该接口规定了 `MyGlobal` 对象的属性和方法。这样，在其他 TypeScript 文件中也可以直接使用 `MyGlobal` 对象，而不需要进行额外的导入操作。

需要注意的是，在实际使用中，为了避免命名冲突，建议给全局变量添加一个唯一的前缀，例如：

declare global {
  interface MyLibrarySomeFeature {
    // 定义 MyLibrarySomeFeature 对象的属性和方法
    myProperty: number;
    myMethod(): void;
  }
}

// 在其他 TypeScript 文件中也可以直接使用 MyLibrarySomeFeature 对象
let obj: MyLibrarySomeFeature = {
  myProperty: 123,
  myMethod() {
    console.log('Hello World');
  }
};

这样就可以避免与其他库或全局变量的命名冲突。