Vue進階（幺叄貳）：ES實現數組合並

1. ES5中合併數組

var array_1 = ['reese','root','fusco'];

var array_2 = ['finch','shaw','bear'].concat(array_1);//["finch", "shaw", "bear", "reese", "root", "fusco"]

這樣兩個數組就合併了。

2. ES6中合併數組

  var array_1 = ['reese','root','fusco'];

  var array_2 =['finch','shaw','bear',...array_1];//["finch", "shaw", "bear", "reese", "root", "fusco"]

ps: …運算符在ES6–默認參數中也有用到。

注：Vue中es5和es6語法區別

1、對象的寫法
    es5中對象： {add:add,substrict:substrict}
    es6中對象： {add,substrict}

2、在對象中的方法的寫法
    es5中對象： {add:function(){},substrict:function(){}}
    es6中對象： {add(){},substrict(){}}

3、對象的導出寫法
 calc.js

 es5兩種形式：
 1、module.exports = fucntion (){};
 2、exprots.add =  fucntion (){};

es6中寫法：
1、export default{
    add(){}
}
2、export fucntion add(){} 相當於 將add方法當做一個屬性掛在到exports對象


4、對象的導入
es5: var add  = require('./calc.js');
es6:
如果導出的是：export default{ add(){}}
那麼可以通過  import obj from './calc.js'

如果導出的是：
// 寫法一
export fucntion add(){} 
export fucntion substrict(){} 
export const PI=3.14   
// 寫法二
var m = 1;
export {m};
// 寫法三
   var firstName = 'Michael';
   var lastName = 'Jackson';
   var year = 1958;
   export {firstName, lastName, year};

那麼可以通過按需加載 import {add,substrict,PI} from './calc.js'

5、es6中的箭頭函數的寫法
箭頭的演變過程：
//需求：利用函數實現倒序排列
[2,1,3].sort(function(x,y){return y - x;});

//用箭頭函數實現 =>讀 goes to
[2,1,3].sort((x,y)=>{return y - x;});
[2,1,3].sort((x,y)=> {x++;y++; y - x;});
[2,1,3].forEach(x=> {console.log(x)});