ECMAScript中的箭头函数

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]