您现在的位置:首页 >> 前端 >> 内容

es6 export与import的复合写法实例

时间:2018/2/5 11:38:33 点击:

  核心提示:export与import的复合写法如果在一个模块之中,先输入后输出同一个模块,import语句可以与export语句写在一起。export { foo, bar } from my_module;/...

export与import的复合写法

如果在一个模块之中,先输入后输出同一个模块,import语句可以与export语句写在一起。

export { foo, bar } from 'my_module';

// 等同于

import { foo, bar } from 'my_module';

export { foo, bar };

上面代码中,export语句和import语句可以结合在一起,写成一行。

模块的接口改名和整体输出,也可以采用这种写法。

// 接口改名

export { foo as myFoo } from 'my_module';

// 整体输出

export * from 'my_module';

ES6 默认接口的写法如下。

export { default } from 'foo';

具名接口改为默认接口的写法如下。

export { es6 as default } from './someModule';

// 等同于

import { es6 } from './someModule';

export default es6;

同样地,默认接口也可以改名为具名接口。

export { default as es6 } from './someModule';

下面三种import语句,没有对应的复合写法。

import * as someIdentifier from "someModule";

import someIdentifier from "someModule";

import someIdentifier, { namedIdentifier } from "someModule";

为了做到形式的对称,现在有提案,提出补上这三种复合写法。

export * as someIdentifier from "someModule";

export someIdentifier from "someModule";

export someIdentifier, { namedIdentifier } from "someModule";

Tags:ES S6 6E EX 
作者:网络 来源:Web先生的博客