首页 > 其他 > 详细

es6 import export

时间:2019-12-22 20:39:28      阅读:74      评论:0      收藏:0      [点我收藏+]

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‘;// 导出默认模块

es6 import export

原文:https://www.cnblogs.com/shengjunyong/p/12080892.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!