Typescript 从 CDN 导入 .js

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

听起来您正在尝试引用一些在运行时（页面加载时）可用的全局变量。如果您想引用这些变量，并且知道它们将被称为什么，则可以创建一个定义文件，并在 .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 文件基本上告诉打字稿您的 js 或您将访问的非类型化代码的类型是什么。

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