require和import的区别

  ES6标准: 模块以export指令导出接口,以import引入模块

  CommonJS规范: 使用require引入模块,使用module.exports导出接口

  现在还没有JavaScript引擎,可以原生支持ES6模块,在不久的未来应该可以支持。在开发中一般使用Babel。默认情况下,Babel转化import 和 export 声明为 CommonJS (require/module.exports) 。

  CommonJS允许你动态加载require模块。甚至不需要赋值给某个变量之后再使用,比如:

require('./a')(); // a模块是一个函数,立即执行a模块函数
var data = require('./a').data; // a模块导出的是一个对象
var a = require('./a')[0]; // a模块导出的是一个数组

  你在使用时,完全可以忽略模块化这个概念来使用require,仅仅把它当做一个node内置的全局函数,它的参数甚至可以是表达式:

require(process.cwd() + '/a');

  但是ES6 import的则不同,它必须放在文件开头。它不会将整个模块运行后赋值给某个变量,而是只选择import的接口进行编译,这样在性能上比require好很多。

  import 具有声明提升效果,会首先执行。所以最好不要混用importrequire。 import 是 ES6 标准,如果可能,首先使用 import, 如果不行,就用require

  因为ES6 模块是标准,所以现在还是推荐使用import,避免未来不必要的更改。

参考网站:https://www.kancloud.cn/chandler/web_technology/480587#_moduleexports__moduleexports____66  

上一篇:前端模块系统学习CommonJS。AMD 。CMD。


下一篇:06 模块化设计|单例设计模式|CommonJS | ES6Module