溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
柯里化是干什么的？首先看看下面這個函數
let store = (a,b,c) => "這是你的七仔面" //函數就好像一個小賣部，一碗七仔面要三張軟妹幣：a,b,c (五個參數)
那函數柯里化是什么？就是我們買面吃的過程可能是這樣：
let curryStore = curry(store) //剛剛的小賣部被柯里化了 //最佳狀況 curryStore(1,5,1)// 老板，剛好！不用找了，剛好七塊錢。老板： "這是你的七仔面" //偶爾出現的情況 let boss = curryStore(5) //老板，這五塊錢你先拿著，我找找有沒有一塊錢。老板：…… boss = boss(1) //有了老板，這一塊錢你先拿著，我找找還有沒有一塊錢。。老板：…… boss(1) //哈哈，終于找到了，給！老板："這是你的七仔面" curryStore(5)(1)(1) //等價于上訴情況
所以這里我們可以看到，函數柯里化，是可以用來慢慢湊齊參數，延遲函數的執行。（先分期交錢，后交貨！）
做個題
現在，我們的目標是實現一個curry 函數，達到以下使用效果：
在給到足夠的參數時，執行函數。不夠參數的時候則返回一個新的curry函數。
let curryPlus = curry((a,b,c) => a+b+c) //這里給到一個有三個參數的函數 curryPlus(1)(2)(3) //返回 6 curryPlus(1)(2,3) //返回 6 curryPlus(1,2)(3) //返回 6 let x = curryPlus(1)(2) //喂，怎么才兩個參數？返回一個curry函數（已經帶了兩個參數） x(1) //返回 4 x(2) //返回 5
作為一個js很厲害的人，這種問題用一行代碼解決不是問題，問題是我沒那么厲害。。。
于是，我們先從土方法說起吧orz
按照curry的用法，原理是返回了一個函數，這個函數的參數個數不確定（你可能同時掏出兩張一塊錢），于是我們可以運用不定參數的寫法：
const curry = (fn) => {
return (...args) =>{ //不定參數，想給多少給多少
//給錢交貨環節
}
}
柯里化函數需要記住你已經給過他的參數，如果沒給的話，則默認為一個空數組：
const curry = (fn，arr=[]) => { //arr數組用于記錄已有參數
return (...args) =>{
//給錢交貨環節
}
}
接下來每次調用的時候，需要檢查參數是否給夠，如果夠了，則執行fn，沒有的話則返回一個新的curry函數，將現有的參數塞給他：
const curry = ( fn, arr = []) => {
return (...args) => {
//判斷參數總數是否和fn參數個數相等
if([...arr, ...args].length === fn.length){
return fn(...arr, ...args) //拓展參數，調用fn
}else{
return curry(fn,[...arr, ...args]) //迭代，傳入現有的所有參數
}
}
}
到這里，其實我們已經實現了curry函數。
接下來就是要看看怎么寫才能更簡潔。
首先，中間的代碼可以寫成一個立即執行函數，省掉一些...arr, ...args：
const curry = ( fn, arr = []) => {
return (...args) => {
return ( a => { //a是一個數組
if(a.length === fn.length) {
return fn(...a)
}else{
return curry(fn, a)
}
})([...arr, ...args]) //這里把arr和args攤開成一個數組賦值給a
}
}
if語句可以縮減成三元表達式，也可以省掉很多字啦：
const curry = ( fn, arr = []) => {
return (...args) => {
return ( a => {
return a.length === fn.length ? fn(...a) : curry(fn, a)
})([...arr, ...args])
}
}
最后，既然函數里啥事都沒干，就只是return的話，不妨使用箭頭函數最省的寫法 input => output, 把return和大括號都給省了：
const curry = ( fn, arr = []) => {
return (...args) => {
return ( a => a.length === fn.length? fn(...a) : curry(fn, a))([...arr, ...args]) //先折疊一層
}
}
再折疊：
const curry = ( fn, arr = []) => {
return (...args) => ( a => a.length === fn.length? fn(...a) : curry(fn, a))([...arr, ...args]) //再折疊
}
收工了收工了：
const curry = ( fn, arr = []) => (...args) => ( a => a.length === fn.length? fn(...a) : curry(fn, a))([...arr, ...args]) //衣服給您疊好了
拿去試試：
const curry = ( fn, arr = []) => (...args) => ( a => a.length === fn.length? fn(...a) : curry(fn, a))([...arr, ...args]) let curryPlus = curry((a,b,c,d)=>a+b+c+d) curryPlus(1,2,3)(4) //返回10 curryPlus(1,2)(4)(3) //返回10 curryPlus(1,2)(3,4) //返回10
當然了，柯里化函數的主要作用還是延遲執行，執行的觸發條件不一定是參數個數相等，也可以是其他的條件，例如參數個為0的情況，那么我們需要對上面curry函數稍微做修改：
const curry = ( fn, arr = []) => (...args) => ( (a,b) => b.length === 0? fn(...a) : curry(fn, a))([...arr, ...args],[...args]) let curryPlus = curry((...x)=>x.reduce((a,b)=>a+b)) curryPlus(1) //返回一個函數 curryPlus(1)(2) //返回一個函數 //遇到參數個數為0的情況才執行 curryPlus(1)(2)(4)() //返回7 curryPlus(1,2)(4)() //返回7
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
