ES6中Import和Export基本使用

• Import

    //1
    export var a = 10;
    export var b = "小明";
    

    //2
    var a =10;
    var b ="小明";
    export {a,b};
    

    //3
    function add(){
        return '哈哈';
    }
    export {add}
    export {add as a} //取別名

--------------------------------
    //4
    var a = 10;
    export default a


    //5
    export default function(){
        return '哈哈'
    }
 

• Export

    //1 & 2
    import {a,b}  from './test'
    console.log(a,b)
    

    //3
    import { add }  from './test'
    console.log(add())

    import { a }  from './test'
    console.log(a())

    import { add as b}  from './test' //取別名
    console.log(b())
    
---------------------------------
    //export default

    //4
    import p from './test'
    console.log(p)
    
    //5
    import p from './test'
    console.log(p())
    
 

• export 和 export default 的區別

    //1、export 與 export default 都可以用於匯出常量、函式、檔案、模組等；

    //2、使用通過import （常量 | 函式 | 檔案 | 模組） 的方式匯入使用；

    //3、在一個檔案或模組中，export、import 可以有多個，而 export default 只有一個；

    //4、通過 export 方式匯出，import時需要加 { }，export default，import時不需要加 { }；

• 測試,需要先將ES6程式碼用webpack打包為ES5才可以執行