javascript - CommonJS 或 ES6 模块有什么意义？

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 4 年前。

Improve this question

这对我来说听起来真的很愚蠢，但我真的没有答案。

如果你可以通过脚本标签将多个js文件连接到html以便它们充当模块(共享相同的范围)，那么使用ES6模块或CommonJS(在使用browserifiy的浏览器中)有什么意义？

Answer 1

在规模相当大的 Web 应用程序中，您必须考虑到不止一个开发人员正在处理该项目，因此关注点分离是开发可维护应用程序的关键要素之一，让我们来看看下一个假场景:

您的 Web 应用程序中有一个名为library.js 的文件。ES2015模块语法

    export function calculatesquareArea(object) {
        // code that calculates area
    }
    export function calculateVolume(object){
        // code that calculates volume
    }

现在我们通过执行以下操作将此模块导入到我们的代码中:

import { calculatesquareArea } from 'library'
// We log the output of the execution of calculatesquareArea
console.log( calculateSquareArea(object))

您可以立即注意到，在我的模块中，我有 2 个函数，但我决定只导入一个，因为当时我只需要使用它。也许这是一个愚蠢的例子，但您可以通过 CommonJS 或 ES6 模块的模块化性质来描绘代码重用。

有一篇更详细的文章介绍了 CommonJS 和 ES2015 模块之间的主要区别 here

希望这对您有一点帮助。