export和export default

一,看到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'
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值