黑马程序员技术交流社区
标题:
对import和require的见解
[打印本页]
作者:
天树123
时间:
2019-12-11 16:27
标题:
对import和require的见解
基本概念
require用于读取并执行js文件， 并返回该模块的exports对象， 若无指定模块， 会报错。
Node使用CommonJS模块规范， CommonJS规范加载模块是同步的， 只有加载完成， 才能执行后续操作。
import用于引入外部模块， 其他脚本等的函数， 对象或者基本类型。
import属于ES6的命令， 它和require不一样， 它会生成外部模块的引用而不是加载模块， 等到真正使用到该模块的时候才会去加载模块中的值。
静态编译和动态编译
require静态编译
第一次加载某个模块时， Node会缓存该模块， 后续加载就从缓存中获取。
require是运行时调用，所以require理论上可以运用在代码的任何地方。
babel对于import的转码
因为当前浏览器并不完全支持import， 所以我们需要通过babel将import转码成require。
import动态编译
ES6模块的动态编译： import模块时只是生成引用， 等到需要时才去取值， 所以不存在缓存的问题， 而且模块里的变量， 绑定其所在的模块。
import是编译时调用，虽然import命令具有提升效果，会提升到整个模块的头部， 但还是建议放在文件开头。
关于两者的使用
require
1.require： 函数，用于导入模块。
2.module.exports： 变量，用于导出模块。
import
1.import: 导入
2.export： 导出
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2