笔记--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的变量或方法，然后系统允许为它取任意名字