ES6箭头函数与展开运算符

箭头函数:省去了关键字function和return:

eg: reduce=(a,b)=>a+b;//返回a+b的值

     redduce=(a,b)=>{console.log(a);console.log(b);return (a+b);}//对于有块级作用域的,如要返回值,需用return返回

注意:

当用箭头符号创建一个普通对象时,最好用小阔号将其包裹,因js引擎也会将类似{key,value}这样的对象解析为块语句,会造成歧义。

eg: 创建狗的空对象

      var newDog=Dog=>{};  //报错,undifined;

      var newDog=Dog=>({});  //正确

展开运算符:功用简言之,将一个数组直接拖带到另一个数组(数组合并)或者直接将一个数组作为函数的参数,数组元素自动匹配函数对应的参数

eg:addAll=(a,b,c)=>{  

console.log(a);

console.log(b);

console.log(c);

return (a+b+c);

};

$('#btn').click(event=>{ 

var arr=[1,2,3];

var arr1=[4,5];

var arr2= [...arr,...arr1,6,7,8];

console.log(arr2);  //[1,2,3,4,5,6,7,8]

console.log(addAll(...arr));  //a=1,b=2,c=3,a+b+c=6

})

原文地址:https://www.cnblogs.com/ganmy/p/6248017.html