es6 import export

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(默认导出)

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

/******************************导出**********************/
export default function(){
    return "默认导出一个方法"
}
/******************************引入**********************/
import myFn from "./test.js"; //注意这里默认导出不需要用{}。
console.log(myFn()); //默认导出一个方法
/******************************导出**********************/
export default {
    myFn(){
        return "默认导出一个方法"
    },
    myName: "Jon"
}
/******************************引入**********************/
import myObj from "./test.js";
console.log(myObj.myFn(), myObj.myName); //默认导出一个方法 Jon

export  {Name} from ...

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

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

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

猜你喜欢

转载自www.cnblogs.com/shengjunyong/p/12080892.html