薈萃JavaScript箭頭函數語法小結

JavaScript箭頭函數語法小結

#1.沒有參數時

var demo = function（）{
}

相當於：

var demo = () => {
}

2.只有一個參數時

var demo = function（a）{
return a;
}

相當於：

var demo = a => a

#3.多個參數需要用到小括號，參數間逗號間隔

var demo = function（a,b）{
return a+b;
}

相當於：

var demo = (a,b) => a+b

4 . 函數體多條語句需要用到大括號

var demo = function（a,b）{if(a>b){
    return a-b;} else{
    return b-a;
  }}

相當於：

var demo = (a,b) =>{if(a>b){
    return a-b;} else{
    return b-a;
  }}

5 . 回傳物件時需要用小括號包起來，因為大括號被佔用解釋為程式碼區塊了

var demo = (name,age) =>{return ({    name: name,    age: age   })}

6 .作為數組排序回呼

var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => { if (a - b > 0 ) {  return 1 } else {  return -1 }})

注意：

箭頭函數的確與傳統函數有不同之處，但仍存在共同的特點。
例如：
1.對箭頭函數進行typeof操作會傳回「function」。
2.箭頭函數仍是Function的實例，故而instanceof的執行方式與傳統函數一致。

3.call/apply/bind方法仍適用於箭頭函數，但就算呼叫這些方法擴充當前作用域，this也依舊不會變化。

4.箭頭函數與傳統函數最大的不同之處在，停用new操作

推薦教學：《

js基礎教學###》###

以上是薈萃JavaScript箭頭函數語法小結的詳細內容。更多資訊請關注PHP中文網其他相關文章！