乾貨:JavaScript箭頭函數語法

編程語言 JavaScript 技術 前端那些事 前端那些事 2017-08-27

注意:箭頭函數的確與傳統函數有不同之處,但仍存在共同的特點。

例如:

1.對箭頭函數進行typeof操作會返回“function”。

2.箭頭函數仍是Function的實例,故而instanceof的執行方式與傳統函數一致。

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

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

箭頭函數語法:

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.函數體多條語句需要用到大括號

乾貨:JavaScript箭頭函數語法

5.返回對象時需要用小括號包起來,因為大括號被佔用解釋為代碼塊了

乾貨:JavaScript箭頭函數語法

6.作為數組排序回調

乾貨:JavaScript箭頭函數語法

切版 qieban(.cn) 為網建公司首選的前端外包

相關推薦

推薦中...