ES6 export 用法整理

 

export 用于在JavaScript模块中导出函数，原始值，对象；即导出模块。

export （命名导出）

 

export {myFunction};//命名导出函数

export const value=5;//命名导出原始值

export {object1, object2, ....}; //命名导出对象

 

命名导出可以导出多个值，但是导入时命名需要与导出命名相同。

 

// in  module.js

let func1=function(){

....

};

let func2=function(){

...

};

export {func1,func2};

// invoke.js

import {func1, func2} from 'module.js';

 

export default（默认导出）

只能有一个默认导出；导入时，可以使用任意命名导 默认导出的模块

 

    //module.js

    export default const val=1;

    //invoke.js

    import res from 'module.js';

export  {Name} from ...

从某一个文件中导出模块，多用于模块重定向

 

    export * from '../module.js';

    export {default} from '../module.js';// 导出默认模块