ES6 module export options 模块导出导入语法

Posted 庚武讲堂

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6 module export options 模块导出导入语法相关的知识,希望对你有一定的参考价值。

http://stackoverflow.com/questions/25494365/es6-module-export-options

A year and some later, here is the best information I‘ve found on the subject.

There are 4 types of exports. Here are usage examples of each, along with some imports that use them:

Export Syntax

// default exports
export default 42;
export default {};
export default [];
export default (1 + 2);
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;
export let foo = 2;
export let bar;
export const foo = 3;
export function foo () {}
export class foo {}

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

// exports from
export * from "foo";
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";

Import Syntax

// default imports
import foo from "foo";
import {default as foo} from "foo";

// named imports
import {} from "foo";
import {bar} from "foo";
import {bar, baz} from "foo";
import {bar as baz} from "foo";
import {bar as baz, xyz} from "foo";

// glob imports
import * as foo from "foo";

// mixing imports
import foo, {baz as xyz} from "foo";
import foo, * as bar from "foo";

// just import
import "foo";

Source.

 

以上是关于ES6 module export options 模块导出导入语法的主要内容,如果未能解决你的问题,请参考以下文章

ES6之Module语法(import/export)

es6 module export 和 import写法注意点

ES6的export与Nodejs的module.exports

在 React ES6 中使用 module.exports

ES6的export与Nodejs的module.exports比较

在 ES6 中使用 module.exports 导出多个函数