ECMAScript中的箭头函数
ECMAScript6中允许使用箭头(=>)表示函数,使用箭头函数使得
代码更加简洁,使用箭头函数时,函数体内的this
对象,就是定义时所在的对象,
而不是使用时所在的对象。使得ES编程时摆脱this作用域问题的困扰,避免多次使用bind(this),
绑定this的作用域。
箭头函数的使用方法:
1.箭头函数中传一个参数
JS函数实现:
let func=function(n){
console.log(n);
}
func1(2); //2
箭头函数实现:
let func1=n=> console.log(n);
func1(3);//3
2.箭头函数中不传参数
JS函数实现:
let func2=function(){
return 5;
}
箭头函数实现:
let func2=()=> 5;
console.log(func2());//5
3.箭头函数传递多个参数
JS函数实现:
let func3=function(a,b){
a+=5;
return a+b;
}
箭头函数实现:
let func3=(a,b)=> {
a+=5;
return a+b;
};
console.log(func3(3,4));//12
4.箭头函数返回对象
箭头函数返回对象是需要加括号()
let initObj=id=>({id:id,name:"default"});
console.log(initObj);//{id:3,name:'default'}
5.对象的结解构赋值
let full=({first,last})=>first+" "+last;
console.log(full({first:"Maicha",last:"kerry"}));//Maicha kerry
6.map集合遍历处理
console.log([1,4,5,2].map(n=>n*2));//[2,8,10,4]
7.sort排序(升序)
console.log([1,4,5,2].sort((a,b)=>a-b);//[1,2,4,5]