es6的export和import


存在两种 exports 导出方式:

1.命名导出(每个模块包含任意数量)

// 导出事先定义的特性
export { myFunction, myVariable };

// 导出单个特性(可以导出var,let,
//const,function,class)
export let myVariable = Math.sqrt(2);
export function myFunction() { ... };

2.默认导出(每个模块包含一个)

// 导出事先定义的特性作为默认值
export { myFunction as default };

// 导出单个特性作为默认值
export default function () { ... }
export default class { .. }

// 每个导出都覆盖前一个导出
// 文件 test.js
let k; 
export default k = 12;
// 另一个文件 import m from './test'; // 由于 k 是默认导出,所以可以自由使用 import m 替代 import k console.log(m); // 输出为 12
js