对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: 导出

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值