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语句不用使用大括号。