JavaScript 如何将JavaScript文件包含在另一个JavaScript文件中

在原生 JavaScript 之前的ES6模块（2015年）被引入之前，没有导入、包含或要求的功能。在那之前，我们可以使用DOM内的脚本标签将一个JavaScript文件加载到另一个JavaScript文件中，该脚本将立即被下载和执行。现在在ES6模块的发明之后，已经开发和讨论了许多不同的方法来解决这个问题，如下所述。

ES6模块： 自从Node.js在v8.5中支持了ECMAScript(ES6)模块以来。在这个模块中，我们在一个文件中定义导出的函数，并在另一个示例中引入它们。有两种常用的方法来从另一个函数调用JavaScript文件，如下所列:

Ajax技术。
合并文件。

Ajax技术的示例：

名为“main.js”的外部JavaScript文件：

// This alert will export in the main file
alert("Hello Geeks")

主文件： 该文件将导入上述的“main.js”文件

<!DOCTYPE html>
<html>
<head>
    <title>
        Calling JavaScript file from
        another JavaScript file
    </title>
     
    <script type="text/javascript">
        let script = document.createElement('script');
         
        script.src =
"https://media.geeksforgeeks.org/wp-content/uploads/20190704153043/main.js";
         
        document.head.appendChild(script)
    </script>
</head>
</html>

输出：

JavaScript 如何将JavaScript文件包含在另一个JavaScript文件中

将文件连接起来的示例：

这里将多个JavaScript文件导入到一个JavaScript文件中，并从一个函数中调用该主JavaScript文件。

外部JavaScript文件名为“main.js”

// This alert will export in the main file
alert("Hello Geeks")

外部JavaScript文件“second.js”

// This alert will export in the main file
alert("Welcome to Geeksforgeeks")

外部JavaScript文件“master.js”

function include(file) {
 
    let script = document.createElement('script');
    script.src = file;
    script.type = 'text/javascript';
    script.defer = true;
 
    document.getElementsByTagName('head').item(0).appendChild(script);
 
}
 
/* Include Many js files */
include(
'https://media.geeksforgeeks.org/wp-content/uploads/20190704153043/main.js');
include(
'https://media.geeksforgeeks.org/wp-content/uploads/20190704162640/second.js');

主文件： 该文件将导入上述的“master.js”文件

<!DOCTYPE html>
<html>
<head>
    <title>
        Calling JavaScript file from
        another JavaScript file
    </title>
     
    <script type="text/javascript"
src="https://media.geeksforgeeks.org/wp-content/uploads/20190704162730/master.js">
    </script>
</head>
 
<body>
</body>
</html>

输出：

main.js 文件导入：

JavaScript 如何将JavaScript文件包含在另一个JavaScript文件中