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'

版权声明:本文为jokren原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。