ES6怎么用一句代碼實(shí)現(xiàn)函數(shù)的柯里化-創(chuàng)新互聯(lián)

小編給大家分享一下ES6怎么用一句代碼實(shí)現(xiàn)函數(shù)的柯里化，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)建站2013年至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元津市做網(wǎng)站,已為上家服務(wù),為津市各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

柯里化是干什么的？首先看看下面這個(gè)函數(shù)

let store = (a,b,c) => "這是你的七仔面"//函數(shù)就好像一個(gè)小賣部，一碗七仔面要三張軟妹幣：a,b,c (五個(gè)參數(shù))

那函數(shù)柯里化是什么？就是我們買面吃的過(guò)程可能是這樣：

let curryStore = curry(store) //剛剛的小賣部被柯里化了//很好狀況curryStore(1,5,1)// 老板，剛好！不用找了，剛好七塊錢。老板： "這是你的七仔面" //偶爾出現(xiàn)的情況let boss = curryStore(5) //老板，這五塊錢你先拿著，我找找有沒(méi)有一塊錢。老板：……boss = boss(1) //有了老板，這一塊錢你先拿著，我找找還有沒(méi)有一塊錢。。老板：……boss(1) //哈哈，終于找到了，給！老板："這是你的七仔面" curryStore(5)(1)(1) //等價(jià)于上訴情況

所以這里我們可以看到，函數(shù)柯里化，是可以用來(lái)慢慢湊齊參數(shù)，延遲函數(shù)的執(zhí)行。（先分期交錢，后交貨?。?/p>

做個(gè)題

現(xiàn)在，我們的目標(biāo)是實(shí)現(xiàn)一個(gè)curry 函數(shù)，達(dá)到以下使用效果：在給到足夠的參數(shù)時(shí)，執(zhí)行函數(shù)。不夠參數(shù)的時(shí)候則返回一個(gè)新的curry函數(shù)。

let curryPlus = curry((a,b,c) => a+b+c) //這里給到一個(gè)有三個(gè)參數(shù)的函數(shù)curryPlus(1)(2)(3) //返回 6curryPlus(1)(2,3) //返回 6curryPlus(1,2)(3) //返回 6let x = curryPlus(1)(2) //喂，怎么才兩個(gè)參數(shù)？返回一個(gè)curry函數(shù)（已經(jīng)帶了兩個(gè)參數(shù)）x(1) //返回 4x(2) //返回 5

作為一個(gè)js很厲害的人，這種問(wèn)題用一行代碼解決不是問(wèn)題，問(wèn)題是我沒(méi)那么厲害。。。

于是，我們先從土方法說(shuō)起吧orz

按照curry的用法，原理是返回了一個(gè)函數(shù)，這個(gè)函數(shù)的參數(shù)個(gè)數(shù)不確定（你可能同時(shí)掏出兩張一塊錢），于是我們可以運(yùn)用不定參數(shù)的寫(xiě)法：

const curry = (fn) => {  return (...args) =>{ //不定參數(shù)，想給多少給多少    //給錢交貨環(huán)節(jié)  }}

柯里化函數(shù)需要記住你已經(jīng)給過(guò)他的參數(shù)，如果沒(méi)給的話，則默認(rèn)為一個(gè)空數(shù)組：

const curry = (fn，arr=[]) => { //arr數(shù)組用于記錄已有參數(shù)  return (...args) =>{    //給錢交貨環(huán)節(jié)  }}

接下來(lái)每次調(diào)用的時(shí)候，需要檢查參數(shù)是否給夠，如果夠了，則執(zhí)行fn，沒(méi)有的話則返回一個(gè)新的curry函數(shù)，將現(xiàn)有的參數(shù)塞給他：

const curry = ( fn, arr = []) => {  return (...args) => {     //判斷參數(shù)總數(shù)是否和fn參數(shù)個(gè)數(shù)相等    if([...arr, ...args].length === fn.length){      return fn(...arr, ...args) //拓展參數(shù)，調(diào)用fn    }else{      return curry(fn,[...arr, ...args]) //迭代，傳入現(xiàn)有的所有參數(shù)    }  }}

到這里，其實(shí)我們已經(jīng)實(shí)現(xiàn)了curry函數(shù)。

接下來(lái)就是要看看怎么寫(xiě)才能更簡(jiǎn)潔。首先，中間的代碼可以寫(xiě)成一個(gè)立即執(zhí)行函數(shù)，省掉一些...arr, ...args：

const curry = ( fn, arr = []) => {  return (...args) => {     return ( a => {  //a是一個(gè)數(shù)組      if(a.length === fn.length) {        return fn(...a)      }else{        return curry(fn, a)      }    })([...arr, ...args]) //這里把a(bǔ)rr和args攤開(kāi)成一個(gè)數(shù)組賦值給a  }}

if語(yǔ)句可以縮減成三元表達(dá)式，也可以省掉很多字啦：

const curry = ( fn, arr = []) => {  return (...args) => {     return ( a => {       return a.length === fn.length ? fn(...a) : curry(fn, a)    })([...arr, ...args])   }}

最后，既然函數(shù)里啥事都沒(méi)干，就只是return的話，不妨使用箭頭函數(shù)最省的寫(xiě)法 input => output, 把return和大括號(hào)都給省了：

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) //返回10curryPlus(1,2)(4)(3) //返回10curryPlus(1,2)(3,4) //返回10

當(dāng)然了，柯里化函數(shù)的主要作用還是延遲執(zhí)行，執(zhí)行的觸發(fā)條件不一定是參數(shù)個(gè)數(shù)相等，也可以是其他的條件，例如參數(shù)個(gè)為0的情況，那么我們需要對(duì)上面curry函數(shù)稍微做修改：

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) //返回一個(gè)函數(shù)curryPlus(1)(2) //返回一個(gè)函數(shù)//遇到參數(shù)個(gè)數(shù)為0的情況才執(zhí)行curryPlus(1)(2)(4)() //返回7curryPlus(1,2)(4)() //返回7

以上是“ES6怎么用一句代碼實(shí)現(xiàn)函數(shù)的柯里化”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文題目：ES6怎么用一句代碼實(shí)現(xiàn)函數(shù)的柯里化-創(chuàng)新互聯(lián)
本文鏈接：http://muchs.cn/article28/cdcjcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、定制網(wǎng)站、網(wǎng)站設(shè)計(jì)、云服務(wù)器、App開(kāi)發(fā)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)