es6模块导入方法

木子流水

于 2020-04-24 11:13:22 发布

阅读量741

点赞数

分类专栏： JavaScript 文章标签： javascript es6/es7

本文链接：https://blog.csdn.net/qq_27054291/article/details/105726374

版权

本文详细介绍了ES6中的模块导入和导出语法。`export`用于导出函数、常量或默认导出，`import`则用于导入模块，支持导入整个模块、单个成员或多个成员。此外，还提到了导入语句的位置规则和模块值的不可变性。

摘要由CSDN通过智能技术生成

export导出语法

// default exports
export default 42;
export default {};
export default [];
export default foo;
export default function () {}
export default class {}
export default function foo () {}
export default class foo {}

// variables exports
export var foo = 1;
export var foo = function () {};
export var bar; // lazy initialization
export let foo = 2;
export let bar; // lazy initialization
export const foo = 3;
export function foo () {}
export class foo {}

// named exports
export {foo};
export {foo, bar};
export {foo as bar};
export {foo as default};
export {foo as default, bar};

// exports from
export * from "foo";
export {foo} from "foo";
export {foo, bar} from "foo";
export {foo as bar} from "foo";
export {foo as default} from "foo";
export {foo as default, bar} from "foo";
export {default} from "foo";
export {default as foo} from "foo";