es6 export 和export default的区别

时间:2019-09-12 10:58:02 类型:JS/JQUERY
字号:    

区别

export

export export default
每个文件中可使用多次export命令 每个文件中只能使用一次export default命令
import时需要知道所加载的变量名或函数名 import时可指定任意名字

export用法

a.js


export const name = '南昌雅腾'
export function say() {
  console.log(name)
}


b.js


import {name, say} from './a.js'

// 打印name
console.log(name)
// 调用say
say()

export default 用法

a.js

let obj = {
  name: '南昌雅腾',
  say() {
  console.log(this.name)
}
}
export default obj
b.js

import person from './a.js'
// 打印name
console.log(person.name)
// 调用say
person.say()