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]