柯里化(Currying) 學習

Ku's Blog
5 min readSep 20, 2020

--

首先柯里化是什麼,柯里化簡單來說就是將有複數arg的函數變成一次只接收單一個arg的函數。

我自己看了許多的別人寫的說明,最簡單易懂的說明就是下面的這個用法

var add = function(x) {
return function(y) {
return x+ y;
}
}
add(1)(2)// 3

但及時看了這種簡單的說明,實際使用場景是怎樣我也搞不太清楚,結果今天看到一個短視頻介紹柯里化,講法非常簡單,也比較好理解,於是我想要順便把自己的理解記錄下來。視頻位置

先來跟視頻走一遍

  1. 參數的重複使用

通常我們最常遇到需要使用重複性參數的就是XMLHttpRequest,因為我們可能包含很多重複性的參數在裡面,例如action是使用post還是get,或是前面的網址都是一樣的,這種時候我們就可以使用柯里化,來達到優化代碼的功效

結果如下:

藉由柯里化我們能夠將共通的部分,重複的部分,整合。

2.提前返回

假設我們要考慮到瀏覽器兼容性問題,需要判斷是哪個瀏覽器,來去調用能夠使用的函數的話,也能利用柯里化的提前返回,來達到優化的效果

這樣做我們就能夠自定義函數,並套上我們想要的邏輯在外層。

這邊使用立即函式,讓瀏覽器在初始化頁面的時候能夠先執行到
使用立即函式還有另一個優點是,不論我們之後調用幾次這個function,因為我們已經在頁面初始化的時候先把能夠使用的事件監聽套到我們宣告的變數上面,所以不會在之後每次調用時再做一次if判斷。

3. 延時執行

延時執行大概就是柯里化最明顯的表現之一,也是面試題的其中之一
add(1)(2)(3) = 6;
add(1,2,3)(4) = 10;
add(1)(2)(3)(4)(5) = 15;

這樣便能看出這個函數要有幾個特點
1.一次能夠帶入的參數不設限制
2.可以被不限次數的呼叫
3.可以得到一個累加的結果

如果有看到這裡的各位建議各位可以先自己試看看再去看答案
比較能夠了解自己的想法是不是對的

我原本不知道怎麼取不定量的參數,看了視頻才知道可以利用
function add(){
let args = arguments
}
來取得所有的參數
取得參數後我們要把參數放到一個陣列裡面
let args = Array.prototype.slice.call(arguments);
利用這個原生方法可以取得一個參數所組成的陣列
不然原本參數的型別是[object Arguments],算是物件型別需要做轉換才能變成陣列
再來就是最重要的,回傳一個函示並能夠重複執行
我原本的想法是
return function(){
return add()
}
但這樣會報錯
看了視頻才知道如果先宣告一個變量把function塞進去執行結束後再回傳變量就能得到想要的結果了
利用不斷返回自己達到能夠無限次被調用
之後就是用reduce方法把陣列累加,就能得到我們想要的值

我是這樣寫的但實際上跟視頻講的不一樣,因為我有在全域宣告一個變數

但其實還有另外更好的辦法

實際上當javascript console.log(function(){})它是印出function.toString()

也就是說我們看到的是一個字串

改良後

但其實這樣會多因出一個 f ,如果用typeof去查看的話它的型別其實還是function

4.用於有callback的函數

視頻裡的代碼是這樣的

執行結果

這時候我就傻了,我搞不懂這怎麼可以這樣用
於是我把它拆開來看

currying方法不用箭頭

function currying(name) {    return function (element) {      return element[name];    };}

或者是直接使用map

let test = nameList1.map((el) => {   return el["mid"];});console.log(test);

把name 套進來

let test2 = nameList1.map(function (element) {   return element[name];});console.log("test2", test2);

這樣就能夠理解了,實際上currying只是應該要寫在map 裡面的function 再套一層在外面,讓它能夠接收參數的設定

由此可知只要是使用callback function 的方法都可以使用柯里化,如filter

總結柯里化的使用場景

  1. 參數重複使用
  2. 提前返回
  3. 延時執行
  4. 用於有callback的函數

結論

我目前的理解是,雖然簡單來說柯里化就是讓一次傳遞的參數能夠減少,達到分層的效果,但這也只是一個概念,我們也不需要一定要一次只能傳遞一個參數來限制自己,代碼是死的人是活的,只要能夠達到結果,都是好代碼,當然還要考慮效能跟可讀性。

所以我思考了一下自己會使用的場景大概就是參數的重複使用和用於有callback的函數,我會把想要重複性的參數套再外面

大概就是像這樣

補充:實際上用柯里化並不會提升效能,相反的還會比一般直接使用一個function來的多花上一點。

以上是我的學習分享,謝謝大家!

--

--

Ku's Blog
Ku's Blog

Written by Ku's Blog

人生沒有確切的目的,而我們只是在人生的過程中尋找存在的意義。

No responses yet