如何在 TypeScript 中声明一个全局变量并在 Vue 中使用它

Posted 2023-02-22

【中文标题】如何在 TypeScript 中声明一个全局变量并在 Vue 中使用它

【英文标题】：How can I declare a global variable in TypeScript and use it across in Vue

【发布时间】：2019-02-04 13:01:05

【问题描述】：

我有一个 ma​​in.ts 文件，我想在那里声明一个变量并在所有 Vue 文件中使用它。

我有一个包含以下内容的 sfc.d.ts：

declare module '*.vue' 
   import Vue from 'vue'
   export default Vue


declare var foo: any;

我在 ma​​in.ts 中为 foo = "1234" 分配了一个值。 如何在所有 Vue 文件中使用这个 foo 变量？ 或者有没有其他方法来创建全局变量并在其中使用它？

【问题讨论】：

(window as any).foo = "1234"; 或 (<any> window).foo = "1234";.

Declare Typescript global variable as "module" type的可能重复

全局变量可能比较少，全部存储在window对象中是否正确？

这是浏览器中全局变量的定义——它们都作为属性存在于窗口对象上。但是，如果您需要，您几乎可以肯定做错了什么。

是的，没错。我同意。这是唯一的方法还是有其他方法？

【参考方案1】：

declare global 
    const foo: string;

但我必须说，这是一种反模式和不好的做法（用于生产）

【讨论】：

如果您的用例需要，则不需要。只要你知道你在做什么就可以了。

问题不是“如果你知道自己在做什么”，而是“如果你知道别人在做什么，他们是否知道你在做什么”。 javascript 全局范围污染是最常见和最知名的反模式之一。例如tutorialspoint.com/…