require，import区别？

同名公众号 - 人生代码

于 2019-03-23 09:45:13 发布

阅读量568

点赞数

CC 4.0 BY-SA版权

分类专栏： require，import区别？大厂面试题：每天带你一道大厂面试题文章标签： require，import区别？

本文链接：https://blog.youkuaiyun.com/qq_36772866/article/details/88756442

本文主要探讨了require和import在JavaScript模块化中的不同，包括它们遵循的模块化规范、出现的时间、形式以及本质上的差异。require/exports属于CommonJS，出现在2010年前后，常用于Node.js；import/export是ES6的官方模块化标准，虽然通过babel可以转换为require/exports，但在变量赋值和执行时机上有本质区别。

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

遵循的模块化规范不一样

模块化规范：即为 JavaScript 提供一种模块编写、模块依赖和模块运行的方案。谁让最初的 JavaScript
是那么的裸奔呢——全局变量就是它的模块化规范。

require/exports 出生在野生规范当中，什么叫做野生规范？即这些规范是 JavaScript 社区中的开发者自己草拟的规则，得到了大家的承认或者广泛的应用。比如 CommonJS、AMD、CMD 等等。import/export 则是名门正派。TC39 制定的新的 ECMAScript 版本，即 ES6（ES2015）中包含进来。

出现的时间不同

require/exports 相关的规范由于野生性质，在 2010 年前后出生。AMD、CMD 相对命比较短，到 2014 年基本上就摇摇欲坠了。一开始大家还比较喜欢在浏览器上采用这种异步小模块的加载方式，但并不是银弹。随着 Node.js 流行和 Browsersify 的兴起，运行时异步加载逐渐被构建时模块合并分块所替代。Wrapper 函数再也不需要了。 2014 年 Webpack 还是新玩意，现在已经是前端必备神器了。