如何在TypeScript中声明全局变量？

20 浏览
0 Comments

如何在TypeScript中声明全局变量？

我在TypeScript中声明了一个全局变量，类似于：

global.test = "something"

但是我尝试这样做时，出现了错误：属性'test'在类型'Global'上不存在。

0

3 答案

0 Comments

在 TypeScript 中声明全局变量的问题是因为使用 import 导入的变量并不是真正的全局变量，仍然需要导入才能使用。解决方法是使用 export 关键字将需要全局访问的变量包裹在命名空间中，并在需要使用的文件中导入该命名空间。

在上述的代码中，我们可以看到在 global.ts 文件中定义了一个命名空间 Global，并在其中声明了一个名为 test 的全局变量，并将其初始化为字符串 'Hello World!'。然后，在 your.ts 文件中通过 import 导入了这个命名空间，并使用 console.log 输出了 Global.test 的值。

然而，这种方式并不是真正的全局变量，因为在 your.ts 文件中仍然需要使用 import 导入 Global 命名空间才能访问到 test 变量。实际上，我们可以通过在 global.ts 文件中使用 export 关键字将 Global 命名空间导出，使其成为真正的全局变量。

下面是修改后的代码：

// global.ts
export namespace Global {
    export var test: string = 'Hello World!';
}


// your.ts
import { Global } from "./global";
console.log(Global.test);

现在，通过在 global.ts 文件中使用 export 关键字导出 Global 命名空间，我们可以在 your.ts 文件中直接访问 Global.test 变量，而无需再使用 import 导入 Global 命名空间。这样，我们就实现了在 TypeScript 中声明真正的全局变量的目的。

0
0 Comments

在TypeScript中如何声明全局变量？

在TypeScript中，我们可以使用全局.d.ts定义文件来声明全局变量。下面是一些代码示例：

在全局.d.ts定义文件中：

type MyProfileGlobal = (name: string, age: number) => void

在Config.tsx文件中，在React中：

interface Window {
  myProfileFun: MyProfileGlobal
}

在NodeJS中：

declare module NodeJS {
  interface Global {
    myProfileFun: MyProfileGlobal
  }
}

然后，我们需要声明一个根变量（实际上将存储在window或global上）：

declare const myProfileFun: MyProfileGlobal;

在代码的其他地方使用它，可以使用global/* or window */.myProfileFun("Sagar", 28);或myProfileFun("Sagar", 28);来添加数据。

如果要获取数据，可以使用global/* or window */.myProfileFun= function (name: string,age:number) {

console.log("Name: ", name);

console.log("Age: ", name);

}。

通过以上的代码，我们可以在TypeScript中声明并使用全局变量。

0
0 Comments

在TypeScript中声明全局变量的方法是什么？

有用户遇到了一个问题，当尝试声明全局变量时，出现了“property ‘test’ does not exist on type ‘Global’”的错误。

为了解决这个问题，可以创建一个名为globals.d.ts的文件，并在其中声明一个名为Global的接口，该接口包含一个名为test的字符串属性。

具体代码如下：

interface Global {
  test: string;
}

此文件应该放置在源代码文件夹的根目录下，同时可能需要重新启动VSCode才能使其生效。

在进一步阅读中，提到了声明文件的概念，可以通过声明文件来扩展TypeScript的类型系统。可以参考链接https://basarat.gitbook.io/typescript/docs/types/ambient/d.ts.html了解更多关于声明文件的内容。

另外，还提到了声明接口时是否需要使用export关键字的问题。

原文中提供的链接可能已经失效，可以参考新链接basarat.gitbook.io/typescript/type-system/intro/d.ts。

通过以上方法，可以解决在TypeScript中声明全局变量的问题。

0