typescript 从 CDN 导入 .js

Question

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

Answer 1

听起来您正在尝试引用一些在运行时可用的全局变量，当页面加载时。如果您想引用这些变量，并且您知道它们将被调用什么，您可以创建一个定义文件，并在您的 .ts 文件中引用它。您的定义文件可能被称为 ThirdParty.d.ts看起来像这样:

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

然后，您可以像这样使用 typescript 中声明的变量、类型、函数等:

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

d.ts 文件基本上告诉 typescript 什么类型将用于您的 js 或您将访问的无类型代码。

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