require(‘./expample.js).default详解

基础

1、ES6 Module常用语法。譬如export导出模块接口 | import 倒入模块| export default语法糖
2、Node.js模块常用。譬如module.exports | require
3、ES6模块与commonjs模块的区别(静态编译与动态加载 | 值得引用与值的拷贝)

解释

当你想require一个模块A,这个模块A里面的语法使用的是ES6 Module时候,并且ES6 Module中使用了export default语法,这个时候你就可以使用了require('xxx').default了

require和require.default…当在node中处理ES6 模块(export default mycomponent)导入的时候,导出的模块格式为:

{
  "default": mycomponent
}
import 语句正确地为你处理了这个问题,然而你必须自己执行 require("./mycomponent").default
export关键字是导出一个对象,对象内存在一个属性(我们要暴露的),export default 则是 export 语法糖。
import 一个export default 暴露出来的模块包含了解构赋值的步骤,所以在node中使用require去请求一个export default的模块需要我们通过.语法去取出对象中的属性(因为require木有解构赋值),清晰明了。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值