笔记--es6模块的导出

export命令

写法

//一
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;

//二
var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;

export {firstName, lastName, year};

可用as 重命名

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

export {
  v1 as streamV1,
  v2 as streamV2,
  v2 as streamLatestVersion
};

import 

import {stream1,stream2,streamLatestVersion} from './xx.js'

export default 命令

export default function foo() {
  console.log('foo');
}

// 或者写成
export default function () {
  console.log('foo');
}

function foo() {
  console.log('foo');
}

export default foo;

import 

import mmp from './xx.js'

export default命令用于指定模块的默认输出。显然，一个模块只能有一个默认输出，因此export default命令只能使用一次。所以，import命令后面才不用加大括号，因为只可能唯一对应export default命令。

本质上，export default就是输出一个叫做default的变量或方法，然后系统允许为它取任意名字