ES6 import export

ES6只支持静态导入和导出。

export

名字导出

使用export导出多个已有的声明。

export function add(x ,y ){return x+y;}
export const sqrt = Math.sqrt;

导入时,要注意大括号的

import {adc, sqrt} from ***.js
add(1,2)

也可以直接导入所有

import * as abc from xxx.js
abc.add(1,2)

匿名导出

使用deault关键字

export default function(){...}

使用时,不需要增加大括号,并且别名可以为任意名称

import abc from xxx.js

注意

命名导出和匿名导出可以混合使用,导入时也可以混合使用,只是导入时,先把匿名导入进来就可以了。

import ttt, {adc, sqrt} from ***.js

命名导入时,可以使用as,使用别名代替原有的命名。

import ttt, {adc as abc1, sqrt} from ***.js

可以同时使用

export {
abc,
bcd as bcd1
};

同时导出,并重命名。

posted @ 2018-05-02 10:05  mahuan2  阅读(174)  评论(0编辑  收藏  举报