ES6 module

语法

ES6 module使用的关键字是:import 和 export

import用于导入module中的内容,export 用于暴露出module中的内容


import用法

import 用于导入模块的内容

  1. 导入模块暴露的default值,因为这个值被认为是default,所以在导入时可以自定义名称
import demo from './foo.js';
  1. 导入非default值。这种导入类似解构赋值,所以在导入时需要与暴露时的名称一样才行。必须要一样,否则无法导入

export语法

export常用于各种定义和{}的前面,是需要对外提供接口,方便外部进行引入的。

export function foo () {
	...
}

export const bar = 1

或者是已经定义好的变量,被放在一个对象中。

export { demo, test }

注意事项

export default 的原理是接收一个值,把这个值赋值给default,然后暴露出去,因为是default值,所以在引用时可以随机的起一个名字接收这个暴露出来的值。
因为已经对外提供了一个default的接口,所以它的后面可以直接是一个值

export default 1
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值