export / export default 的区别

js 中可以:

function hello () {
  console.log('hello')
}

function bye () {
  console.log('bye')
}

//export hello
//export bye

// 或者更好的方法:
export { hello, bye }
function hello () {
  console.log('hello')
}
function bye () {
  console.log('bye')
}
export default {
  hello,
  bye,
}

两者的区别在于: - 只能有一个 default - 前者需要知道 export 的具体命名(除非通过 import * as API from 'without-default.js'), 后者不需要 - import 一个有 default 输出的模块, 需要加大括号; import 一个没有default输出的模块, 需要加大括号 - default 后的内容就是 import 进入的内容: javascript import API from 'export-default.js' API.hello() API.bye() - 非 default 输出的话, import 的名字需要和 export 一样: javascript import {hello , bye} from 'export-without-default.js' //import * as API from 'export-without-default.js' hello() bye()