【ES6中moudel模块中普通导出(批量导出)和默认导出的区别】

普通导出

普通导出(批量导出):使用关键字 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、
导入方式:当其他模块导入默认导出时,可以使用任何名称来引用,默认导出不需要使用花括号;而当其他模块导入普通导出时,需要使用花括号来引用每个导出,并且需要使用相应的名称来引用每个导出。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值