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]