来自CDN

Question

在我的.ts文件中，我想引用.js（由第三方托管）并使用.js文件中的一些函数。到目前为止，我发现如何执行此操作的唯一方法是修改.html页面并从.ts本身插入标记。除了修改.html页面之外，还有其他更优雅的方法吗？

Answer 1

听起来你正试图引用一些在页面加载时可在运行时使用的全局变量。如果要引用这些变量，并且知道它们将被调用的内容，则可以创建定义文件，并在.ts文件中引用它。你的定义文件可能被称为ThirdParty.d.ts，看起来像这样：

declare namespace ThirdParty {
  interface User {
    id string;
    getID(): string;
  }
}
export = ThirdParty;

然后你可以在你的打字稿中使用那些声明的变量，类型，函数等，如下所示：

/// <reference path="ThirdParty.d.ts" />
var user = new ThirdParty.User("abc");
console.log(user.getID());

d.ts文件基本上告诉typescript你的js类型是什么，或者你要访问的无类型代码。

话虽如此，如果我从CDN加载第三方javascript文件，我会谨慎。对第三方脚本的任何更改可能与您编写的定义文件不兼容，并且可能会破坏您的代码。