CommonJS和ES6模块的区别

四年未秃头的码农

已于 2024-02-27 16:30:15 修改

阅读量433

点赞数 6

CC 4.0 BY-SA版权

分类专栏：前端文章标签： es6 前端 javascript

于 2024-02-27 16:29:33 首次发布

本文链接：https://blog.youkuaiyun.com/Mxt623/article/details/136325810

1 篇文章

订阅专栏

本文比较了CommonJS模块和ES6模块在输出值、运行时机、顶层this指向以及互相引用方面的差异。ES6模块支持异步加载，适用于浏览器和服务器，而CommonJS主要限于服务端，由于其同步require限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CommonJS 模块输出的是一个值的拷贝，而 ES6 模块输出的是值的引用；
CommonJS 模块是运行时加载，而 ES6 模块是编译时输出；
关于模块顶层的this指向问题，在CommonJS顶层，this指向当前模块，而在ES6模块中，this指向undefined；
关于两个模块互相引用的问题，在ES6模块当中，是支持加载CommonJS模块的。但是反过来，CommonJS并不能requireES6模块；
因为CommonJS的require语法是同步的，所以就导致了CommonJS模块规范只适合用在服务端，而ES6模块无论是在浏览器端还是服务端都是可以使用的，但是在服务端中，还需要遵循一些特殊的规则才能使用；