在 Typescript 中引用 JavaScript 文件

当你在学习前端开发时，你可能会遇到需要在 Typescript 项目中使用 JavaScript 文件的情况。这种情况下，你可以通过一些简单的步骤来引用 JavaScript 文件并在 Typescript 项目中使用它们。

步骤

以下是在 Typescript 项目中引用 JavaScript 文件的步骤：

1. 在你的 Typescript 项目中创建一个新的文件夹，例如 js。
2. 将你要引用的 JavaScript 文件复制到这个文件夹中。
3. 在你的 Typescript 文件中添加以下代码：

declare const require: any;
const myModule = require('./js/myModule.js');

1. 现在，你就可以在你的 Typescript 代码中使用这个 myModule 模块了。

解释

上述代码中，我们使用了 declare 关键字来声明一个名为 require 的全局变量。然后，我们调用这个 require 方法来加载我们想要引用的 JavaScript 文件。

请注意，我们在 require 方法中传入的路径是相对于当前文件的。因此，在上面的例子中，我们将 JavaScript 文件放在了 js 文件夹中，并将其路径设置为 ./js/myModule.js。

示例

假设我们有一个名为 myModule.js 的 JavaScript 文件，其中包含以下内容：

module.exports = {
  greet: function(name) {
    console.log('Hello, ' + name);
  }
};

我们可以在 Typescript 代码中引用这个模块，并使用它的 greet 函数，如下所示：

declare const require: any;
const myModule = require('./js/myModule.js');
myModule.greet('World');

当你运行这段代码时，控制台将输出 Hello, World。

结论

在 Typescript 项目中引用 JavaScript 文件并不难。只需要按照上述步骤，声明一个名为 require 的全局变量，并调用它来加载你想要引用的 JavaScript 文件即可。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30714