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



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

根据我收集到的信息,模块就是一个"代码"。无论是存在于一个JavaScript文件中的函数、变量、类,还是可以导出/导入到另一个Java脚本文件中的。

这似乎有点毫无意义——如果我可以从另一个文件中使用脚本,为什么还要麻烦导出脚本/脚本集呢?

下面是我正在讨论的一个例子:

// 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时会有所不同,或者我误解了模块是什么,但如果是这样的话,为什么要使用模块呢?

是的,你是对的,你不需要export添加函数,但你应该小心导入文件的顺序。这意味着您应该在导入main.js之前导入adding.js
<html>
<head>
...
</head>
<body>
...
<script src="adding.js">
</script>
<script src="main.js">
</script>
</body>

</html>

最新更新