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)});