当你在学习前端开发时，你可能会遇到需要在 Typescript 项目中使用 JavaScript 文件的情况。这种情况下，你可以通过一些简单的步骤来引用 JavaScript 文件并在 Typescript 项目中使用它们。
步骤
以下是在 Typescript 项目中引用 JavaScript 文件的步骤：
- 在你的 Typescript 项目中创建一个新的文件夹，例如
js。 - 将你要引用的 JavaScript 文件复制到这个文件夹中。
- 在你的 Typescript 文件中添加以下代码：
------- ----- -------- ---- ----- -------- - ----------------------------
- 现在，你就可以在你的 Typescript 代码中使用这个
myModule模块了。
解释
上述代码中，我们使用了 declare 关键字来声明一个名为 require 的全局变量。然后，我们调用这个 require 方法来加载我们想要引用的 JavaScript 文件。
请注意，我们在 require 方法中传入的路径是相对于当前文件的。因此，在上面的例子中，我们将 JavaScript 文件放在了 js 文件夹中，并将其路径设置为 ./js/myModule.js。
示例
假设我们有一个名为 myModule.js 的 JavaScript 文件，其中包含以下内容：
-------------- - -
------ -------------- -
------------------- - - ------
-
--我们可以在 Typescript 代码中引用这个模块，并使用它的 greet 函数，如下所示：
------- ----- -------- ---- ----- -------- - ---------------------------- ------------------------
当你运行这段代码时，控制台将输出 Hello, World。
结论
在 Typescript 项目中引用 JavaScript 文件并不难。只需要按照上述步骤，声明一个名为 require 的全局变量，并调用它来加载你想要引用的 JavaScript 文件即可。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/30714