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的名字跟导出的名字不一样,它也能找到。