ES6 Module 其他知识

export default 命令

在一个文件或模块中，export、import 可以有多个，export default 仅有一个。

export default 中的 default 是对应的导出接口变量。

通过 export 方式导出，在导入时要加{ }，export default 则不需要。

export default 向外暴露的成员，可以使用任意变量来接收。

var a = "My name is Tom!";
export default a; // 仅有一个
export default var c = "error"; 
// error，default 已经是对应的导出变量，不能跟着变量声明语句

import

import b from "./xxx.js"; // 不需要加{}， 使用任意变量接收

复合使用

export 与 import 可以在同一模块使用，使用特点：

可以将导出接口改名，包括 default。

复合使用 export 与 import ，也可以导出全部，当前模块导出的接口会覆盖继承导出的。

export { foo, bar } from "methods";
// 约等于下面两段语句，不过上面导入导出方式该模块没有导入 foo 与 bar
import { foo, bar } from "methods";
export { foo, bar };

// 普通改名
export { foo as bar } from "methods";

// 将 foo 转导成 default
export { foo as default } from "methods";

// 将 default 转导成 foo
export { default as foo } from "methods";