我有一个名为 Projects.ts 的打字稿文件，我想引用在名为 bootbox.js 的引导插件中声明的全局变量。
我想从 TypeScript 类中访问一个名为 bootbox 的变量。
有可能吗？
【问题讨论】：
标签： typescript
你需要告诉编译器它已经被声明了：
declare var bootbox: any;
如果你有更好的类型信息，你也可以添加它，代替any。
【讨论】：
declare 声明放在哪里？
declare var myFunction: any;?
declare var myFunction: (input: string) => void;
对于那些还不知道的人，您必须将 declare 声明放在您的 class 之外，就像这样：
declare var Chart: any;
@Component({
selector: 'my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.scss']
})
export class MyComponent {
//you can use Chart now and compiler wont complain
private color = Chart.color;
}
在TypeScript 中，您要定义可能不是源自TypeScript 文件的变量时使用declare 关键字。
就像你告诉编译器，我知道这个变量在运行时会有一个值，所以不要抛出编译错误。
【讨论】：
如果它是您引用但从不变异的东西，请使用const：
declare const bootbox;
【讨论】：
Sohnee 解决方案更干净，但你也可以尝试
window["bootbox"]
【讨论】：
如果您想在整个项目中引用此变量，请在某处创建 d.ts 文件，例如globals.d.ts。用你的全局变量声明填充它，例如：
declare const BootBox: 'boot' | 'box';
现在您可以在项目的任何地方引用它，就像这样：
const bootbox = BootBox;
这是example。
【讨论】：
// global.d.ts
declare global {
namespace NodeJS {
interface Global {
bootbox: string; // Specify ur type here,use `string` for brief
}
}
}
// somewhere else
const bootbox = global.bootbox
// somewhere else
global.bootbox = 'boom'
【讨论】：
然后在 .ts 文件中添加对它的引用。
【讨论】：