普通导出
普通导出(批量导出):使用关键字 export 将模块中的变量、函数或类等一次性批量导出,可以导出多个,导入时需要使用相应的变量名导入。
export function getUserInfo(){
console.log('个人信息');
}
let age = 100
let name = 'zs'
export {age,name}
//也可以写在一起
默认导出
每个模块支持我们导出一个没有名字的变量,我们使用关键语句export default来实现
只能声明一次
export default function(){
console.log(111);
}
// export default function(){
// console.log(2222);
// }
//caught SyntaxError: Identifier '.default' has already been declared
区别
1、
普通导出:使用关键字 export
将模块中的变量、函数或类等一次性批量导出,可以导出多个
默认导出:每个模块支持我们导出一个
没有名字的变量,我们使用关键语句export default
来实现
2、
普通导出可以导出可以包括变量、函数、类等
默认导出可以是任何JavaScript类型,包括对象、函数、类等
3、
导入方式:当其他模块导入默认导出时,可以使用任何名称来引用
,默认导出不需要使用花括号;而当其他模块导入普通导出时,需要使用花括号来引用每个导出,并且需要使用相应的名称来引用每个导出。