ES6一些小總結

箭頭函數

es5: var sum  = function (a, b) {
            return a + b;
        };
es6: let sum = (a, b) => {
            return a + b;
        };

for循環

es5: var arr = [1, 2, 3];
        for (var i = 0; i < arr.length; i++) {
            let sum = 0;
            return sum += i;
        }

es6: for ( i of arr) {
            let sum = 0;
            return sum += i;
        }

... 的意思

example:  let arr1 = [q, w, e]; let arr2 = [a, s, d];
              [...arr1, ...arr2];  // [q, w, e, a, s, d]
                
              let [x, ...y] = [1, 2, 3, 4, 5];
              y;    // [2, 3, 4, 5]
    
              let [a, b, c] = 'qwe';
              a, b, c;    // q w e

              let ab = [...'123'];
              ab;  // ['1', '2', '3']

export 與import 的使用

在vue-cli 框架中   會看到export default new Router({   });
 其實也能夠這樣寫 export let router = new Router({   })
可是在引用的時候  會報錯   這個時候  就須要修改 import router form './router'
` import {router} form './router' ` 這樣就能夠了

example:  在a.js中 聲明

    export let sum1 = (a, b) => {
        return a + b;
    }
    export let sum2 = (c, d) => {
        return c + d;
    }
    在b.js 中引用
    import {sum1, sum2} form 'b.js'
    執行 sum1(12, 12); // 24
    執行 sum2(11, 11); // 22
    
    或者改爲這樣 import * as newSum form 'b.js'
    執行 newSum.sum1(1, 3); // 4
    執行 newSum.sum2(12, 3); // 15