es6 export 与 import

export

变量

第一种

// profile.js
export const firstName = 'Michael';
export const lastName = 'Jackson';
export const year = 1958;

第二种

ar firstName = 'Michael';
const lastName = 'Jackson';
const year = 1958;

export {firstName, lastName, year};

方法

第一种

export function multiply(x, y) {
  return x * y;
};

第二种

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

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

export default

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

其他模块加载该模块时，import命令可以为该匿名函数指定任意名字。

// import-default.js
import customName from './export-default';
customName(); // 'foo'

import

// 第一组
export default function crc32() { // 输出
  // ...
}

import crc32 from 'crc32'; // 输入

// 第二组
export function crc32() { // 输出
  // ...
};

import {crc32} from 'crc32'; // 输入

可以看出，使用export default时，import语句不用使用大括号。