js ES6：export default 和 export区别和使用

export
用于创建JavaScript模块，将实时绑定导出到模块中的函数、对象或原始值，以便其他程序使用import语句使用它们。
导出的绑定仍然可以在本地修改;当被导入时，尽管它们只能被导入模块读取，但只要被导出模块更新，值就会更新。

不管是否这样声明它们，导出的模块是严格模式（strict mode）。导出语句不能在嵌入脚本中使用。

两种方法

1. Named Exports (0个或者多个输出)
2. Default Exports (只能一个输出）

举例

// Exporting individual features
export let name1, name2, …, nameN; // also var, const
export let name1 = …, name2 = …, …, nameN; // also var, const
export function functionName(){...}
export class ClassName {...}

// Export list
// Export 列表
export { name1, name2, …, nameN };

// Renaming exports
//重命名
export { variable1 as name1, variable2 as name2, …, nameN };

// Exporting destructured assignments with renaming
export const { name1, name2: bar } = o;

// 方法二：Default exports
export default expression;
export default function (…) { … } // also class, function*
export default function name1(…) { … } // also class, function*
export { name1 as default, … };

// Aggregating modules
export * from …; // does not set the default export
export * as name1 from …; // Draft ECMAScript® 2O21
export { name1, name2, …, nameN } from …;
export { import1 as name1, import2 as name2, …, nameN } from …;
export { default, … } from …;