es6 export的几种写法

1、
export

var name = 'lili';
var age = 20;
function say(){return name+age;
}
export {name,age,say}

对应的import

import {"name","age","say"} from './index.js'

2、
export

export var name = "lili";
export var age = 20;
export function say (){return name+age;};

对应的import

import {"name","age","say"} from './index.js'

3、export default
从前面的例子可以看出,使用import命令的时候,用户需要知道所要加载的变量名或函数名,否则无法加载。但是,用户肯定希望快速上手,未必愿意阅读文档,去了解模块有哪些属性和方法。

为了给用户提供方便,让他们不用阅读文档就能加载模块,就要用到export default命令,为模块指定默认输出。

export default命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export default命令只能使用一次。所以,import命令后面才不用加大括号,因为只可能对应一个方法。

var name = 'lili';
var age = 20;
function say(){return name+age;
}
export default name

如果你想用export default输出上面3个怎么办?

var obj = {
	name:'lili',
	age:20,
	say(){
		return name+age;
	}
}
export default obj

对应import

import objxx from './index.js'

看到这有些人就会疑惑为什么你export的是obj,而import的是objxx,是不是写错了,其实并没有,由于export default后面只能有一个默认输出,所以即使你import的名字跟导出的名字不一样,它也能找到。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值