浏览器中的JavaScript模块有什么意义?

时间:2020-07-17 11:30:05

标签: javascript function module

因此,我目前正在从事编码项目,而当我四处寻找解决特定问题的解决方案时,我遇到了“模块”。虽然我以前听过这个词,但我认为值得研究一下实际是什么模块以及如何使用它们。

从我收集的数据来看,模块是“一点点的代码”。可以是一个JavaScript文件中存在的函数,变量,类,这些文件可以导出到另一个JavaScript文件或从另一个JavaScript文件导出。

这似乎没有意义-如果我仍然可以从另一个文件中使用它们,为什么还要导出一个脚本/一组脚本呢?

这是我所从事的事的一个例子:

// File 1 - adding.js

var c;

function add(a, b) {
    c = a + b;
    return c;
}
// File 2 - main.js

var d;
d = add(6, 4);

据我所知,这将起作用,main.js将能够访问adding.js中的脚本,而无需导出add()函数。

使用非浏览器JavaScript时可能有所不同,或者我误解了什么模块,但是如果是这种情况,为什么还要使用模块呢?

1 个答案:

答案 0 :(得分:-1)

是的,是的,您不需要export添加函数,但是在导入文件的顺序上应该小心。 意味着您应先导入adding.js,然后再导入main.js

<html>
    <head>
        ...
    </head>

    <body>
        ...
        <script src="adding.js">
        </script>
        <script src="main.js">
        </script>
    </body>
    
</html>