一,看到export和export defaule大家可能会想到exports和module.exports;
1.exports和module.exports这是es5的语法,对应require来导入模块;
2.export和export defaule是es6语法,对应import导入模块;
这里主要讲export和export default的区别
二,区别
举这两个基本用法的例子就明白了
一),export (按需导出)
1、使用export向外暴露的成员,只能使用{ }的形式来接收,并且必须严格按照导出时候的名称,来使用{ }按需接收
2、使用export导出的成员,如果想换个变量名称接收,可以使用as来起别名
导出
const obj={
name:'ck',
age:25
}
const num=22;
export {obj,num}
导入 (按需导入)
import {num,obj as objtest} from 'a.js'
二).export default
1、export default 向外暴露的成员,可以使用任意变量来接收
2、在一个模块中,export default 只允许向外暴露一次
导出
const obj={
name:'ck',
age:25
}
export default obj;
导入
import obj from 'a.js'
三).在一个模块中,可以同时使用export default 和export 向外暴露成员
const obj={
name:'ck',
age:25
}
export default obj;
export let num=2
导入
import person,{num} from 'a.js'