首页/ES6/列表

ES6 export和exports的用法

来源:  2018-04-16 15:43:35    评论:0点击:

ES6 模块化的使用实践

最近在react项目中大量使用,感觉确实很方便。废话不说直接上码。
第一种方式:

//导出
export let a = 2;
export let b = function(x,y){
    return x+y
};
//另一个文件引用:
import {a,b} from  "路径";

 

第二种方式

//导出
let a = 1;
let b = function(x,y){
    return x+y
}

export {a,b};
//export {a as aa,b as funcb}  

//另一个文件引入
import {aa,funcb} from "路径"

     

如果是一个对象呢?

let name = "lance",

let obj = {
    name:name,
    age:24,
    sayName:function(){
        return "name:"+this.name
    }
}
module.exports = obj;
//另一个文件引入
import obj from "路径"
//使用时候
obj.name;
obj.sayName();

    

最后补一个深层嵌套的情况,也是可以用的,有时候会很方便,比如react的mixins单独抽出来写到一个对象里面,调用的时候也很方便。

let name = "lance";
let obj = {
    name:name,
    age:24,
    //深层嵌套
    inner:{
        grade:7,
        innerFunc:function () {
            return 89
        }
    },
    sayName:function () {
        return this.name;
    },
    sayName2:function(){
         return name
    },
};
module.exports = obj;



来源:https://blog.csdn.net/lance_10030/article/details/73736528
为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权