主页 / coding / 问题 / 79323775
Accepted
LUN
Asked: 2025-01-02 20:55:05 +0800 CST

我如何将多个 js 文件中的 js 代码“包含”到主 html 文件中？

  • 772

我之前的 html 文件中有很多 javascript(js) 代码。
我已将部分代码移至其他 js 文件（file1、file2）中，请参阅下面的代码。
在移动之前，我没有考虑函数声明的顺序。这没问题。
移动之后，顺序开始变得重要。

我使用defer属性强制浏览器在开始执行所有脚本之前下载它们。但是当主代码开始执行时，浏览器报告错误 - file1/2 中的函数未定义。

问题是：如何将一部分 js 代码移动到另一个 js 文件中，而不必担心附加文件的包含顺序和主代码中函数声明的顺序？

html...
 
<script>
     the main js-code - previously all js-code, including file1 and file2, was placed here
</script>
 
<script defer src="file1.js"></script>
<script defer src="file2.js"></script>
javascript

1 个回答

  1. Best Answer

    因此，当您将旧函数从脚本标记内部移动到单独的文件时，函数的顺序很重要。因此，为了实现与以前相同的结果，有许多方法和策略可供使用，其中之一如下：

    使用模块方法并手动调用你的函数，如下所示：

    <script type="module">
    import { functionFromFile1 } from './file1.js';
    import { functionFromFile2 } from './file2.js';

    // Call the functions here without worrying about order
    functionFromFile1();
    functionFromFile2();
</script>

    现在，file(1/2).js您可以像下面这样导出函数：

    export function functionFromFile1or2() {
// Your function code goes here.
}

    您将注意到，现在不再需要了defer。

    • 2

相关问题