導(dǎo)出變量用法1

// good
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;
// bad
export 1; // 報(bào)錯(cuò)；因?yàn)闆](méi)有提供對(duì)外的接口，兩種錯(cuò)誤其實(shí)都是因?yàn)橹苯訉?dǎo)出值了

導(dǎo)出變量用法2

// good
var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;
export {firstName, lastName, year};
// bad
var m = 1;
export m; // 報(bào)錯(cuò)；因?yàn)闆](méi)有提供對(duì)外的接口，兩種錯(cuò)誤其實(shí)都是因?yàn)橹苯訉?dǎo)出值了

導(dǎo)出函數(shù)用法1

// good
export function multiply(x, y) {
  return x * y;
};
// bad
function f() {}
export f; // 報(bào)錯(cuò)；因?yàn)闆](méi)有提供對(duì)外的接口，兩種錯(cuò)誤其實(shí)都是因?yàn)橹苯訉?dǎo)出值了

導(dǎo)出函數(shù)用法2

// good
function v1() { ... }
function v2() { ... }

export {
  v1 as streamV1,
  v2 as streamV2,
  v2 as streamLatestVersion
};
// bad
function foo() {
  export default 'bar' // SyntaxError
}
foo()
// 這種錯(cuò)誤是因?yàn)閑xport命令必須處于模塊頂層才可以，也就是不能出現(xiàn)在代碼塊里面，這里涉及到import的編譯時(shí)加載原理

導(dǎo)出類

export default class { ... }