前言:第一次看到多個連續箭頭函數是在一個 react 項目中,然鵝確認了下眼神,並不是對的人,因爲看得一臉懵逼。em......於是開始各種搜索,先是知道了多個連續箭頭函數就是 es6 的多次柯里化的寫法,對於函數柯里化,很久以前就知道這個名次,但是並不理解,也沒有去了解。爲了弄明白多個連續箭頭函數,開始了簡化之路。
首先看到了這樣的一個例子:
let add = a => b => a + b
以上是一個很簡單的相加函數,把它轉化成 ES5 的寫法如下:
let add = function(a) {
return function(b) {
return a + b;
}
}
再簡化一下,可以寫成如下形式:
let add = function(a) {
var param = a;
var innerFun = function(b) {
return param + b;
}
return innerFun;
}
雖然好像沒什麼意義,但是很顯然上述使用了閉包,而且該函數的返回值是一個函數。其實,這就是高階函數的定義:以函數爲參數或者返回值是函數的函數。
那麼,這跟柯里化有什麼關係呢?
再來看一下 wiki 裏面對柯里化的定義:把接受多個參數的函數變換成接受一個單一參數的函數,並且返回(接受餘下的參數而且返回結果的)新函數的技術。可以對一個連續的箭頭函數進行多次柯里化。n 個連續箭頭組成的函數實際上就是柯里化了 n - 1 次,而前 n - 1 次調用,其實是提前將參數傳遞進去,並沒有調用最內層函數體,最後一次調用纔會調用最內層函數體,並返回最內層函數體的返回值。
如果把函數柯里化和閉包聯繫在一起,就比較好理解了。