从 TypeScript 访问包含在 HTML 头部的 JavaScript 变量

我在我的 Angular 2 应用的 <head></head> 标签中包含了一个 JavaScript 文件。我想从我的 TypeScript 文件中访问该 JavaScript 文件中的一个函数，我该怎么做？当我运行应用时，我可以在浏览器控制台中输入 var simplemde=new SimpleMDE() 来启动我的 Markdown 编辑器，但是我如何在我的 TypeScript 文件的构造函数中做到这一点？

答案＃1

只需在你的组件顶部或任何需要的地方像这样声明它：

declare var SimpleMDE: any;

然后你可以在构造函数中按照你想要的方式调用它！

答案＃2

你可以使用命名空间，它本质上是一个对象，并且它包装所有其他变量和函数

像这样

var SomeObject={}
SomeObject.abc = "Some Value";
SOmeObject.myFunction = function(){
  // function body
}

在其他文件中，你可以简单地调用 SomeObject.abc，它将返回字符串 Some Value

你应该使用命名空间来避免全局 window 的冲突