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';// 導出默認模塊