ES6 export的常用用法

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;