前言
函數(shù)柯里化就是將多參簡化為單參數(shù)的一種技術(shù)方式,其最終支持的是方法的連續(xù)調(diào)用,每次返回新的函數(shù),在最終符合條件或者使用完所有的傳參時(shí)終止函數(shù)調(diào)用。
場景實(shí)例
與其他文章不同,我在本文會(huì)重點(diǎn)分享一些柯里化的經(jīng)典使用場景,讓你在學(xué)會(huì)這點(diǎn)技巧后能切實(shí)的提升代碼的可維護(hù)性。
編寫可重用小模塊代碼
比如我們有個(gè)方法部分邏輯前置是相同的,后面的執(zhí)行是因?yàn)閰?shù)不同導(dǎo)致結(jié)果不同的,下面是代碼部分。
計(jì)算商品的折扣,我們需要根據(jù)不同的折扣以及商品的入?yún)⒎祷仄鋵?shí)際的價(jià)格。
// beforefunction getPrice(price,discount){ return price * discount;}let price = getPrice(500,0.1);// after function getPrice(discount){ return price =>{ return price * discount }}// 使用,在這種使用效果下,我們可以固定的肢解拿到百分之十折扣的函數(shù),//也就是針對使用0.1折扣的商品價(jià)格都可以簡化這個(gè)折扣的傳遞,從而達(dá)到簡化參數(shù)的目的//那么從函數(shù)的運(yùn)行上來講,也比之前的效率高了,如果解析折扣的過程比較復(fù)雜let tenDiscount = getPrice(0.1);let price = tenDiscount(500);let price = getPrice(0.1)(500)看上去有點(diǎn)雞肋,因?yàn)槲覀儽緛淼膶懛ê芎唵危褂昧丝吕锘炊尯唵蔚氖虑樽兊脧?fù)雜了,這主要是因?yàn)闆]有達(dá)到我們要把一個(gè)函數(shù)變成柯里化的經(jīng)典場景。假如你下面的代碼變成了下面這樣,也許你就能覺察出如果有使用柯里化就會(huì)非常方便了,因?yàn)獒槍Φ谝粋€(gè)參數(shù)做了若干的處理,甚至可以稱為一個(gè)算法或者完整的邏輯判斷流程,那么如果有多個(gè)參數(shù)調(diào)用都涉及這個(gè)方法的調(diào)用,同一個(gè)參數(shù)的這部分邏輯是相同可以共用跳過的。codepen連接:鏈接
// complexed fun function getPriceComplex(price,discount){ let actualDiscount = 1; if(discount > 0.8 ) { actualDiscount = 0.8; } else if(discount > 0.5){ actualDiscount = 0.5; } else { actualDiscount = 0.1; } let actualPrice = price - price % 100 ; return actualPrice * actualDiscount;}// complexed fun betterfunction getPriceComplexBetter(discount){ let actualDiscount = 1; if(discount > 0.8 ) { actualDiscount = 0.8; } else if(discount > 0.5){ actualDiscount = 0.5; } else { actualDiscount = 0.1; } return price => { let actualPrice = price - price % 100 ; return actualPrice * actualDiscount; }}console.log(getPriceComplex(500,0.9))let exp1 = getPriceComplexCp(0.9);console.log(exp1);/** price => { let actualPrice = price - price % 100; return actualPrice * actualDiscount;}*/// 相同的輸入?yún)?shù)時(shí) 可以緩存下之前代碼邏輯的執(zhí)行結(jié)果 實(shí)現(xiàn)模塊的可重用,如果你之前的邏輯是一個(gè)純函數(shù)console.log(exp1(500))// 400console.log(exp1(400))// 320// get real discount // 當(dāng)你針對第一個(gè)參數(shù)的邏輯較為復(fù)雜時(shí),出于可維護(hù)角度,建議如此 ;// 當(dāng)你另外一個(gè)邏輯也是基于這個(gè)返回結(jié)果時(shí),出于重用角度,建議如此function getActualDiscount(discount){ let actualDiscount = 1; if(discount > 0.8 ) { actualDiscount = 0.8; } else if(discount > 0.5){ actualDiscount = 0.5; } else { actualDiscount = 0.1; } return actualDiscount;}// complexed fun bestfunction getPriceComplexBest(discount){ let actualDiscount =getActualDiscount(discount); return price => { let actualPrice = price - price % 100 ; return actualPrice * actualDiscount; }}總結(jié),無論如何,我們使用某種技巧或者封裝或者其他,都是為了讓代碼更可用,原先復(fù)雜不可測試、不可理解的代碼變得更有調(diào)理,更節(jié)省性能的角度出發(fā)的,當(dāng)你的思維方式中有這種的時(shí)候,你就不會(huì)覺得是為了形式而使用,而是你的編碼習(xí)慣或者風(fēng)格就是如此。
簡單改造普通函數(shù)為柯里
假如我們需要把一個(gè)原來非柯里的函數(shù)如何快速改造,在不影響原來主要代碼邏輯的情況下,想下我們代碼可能如何寫?
// 只考慮兩個(gè)參數(shù)function add(a,b){ return a + b}// 但如果你是用柯里化的方式:兩個(gè)參數(shù)的時(shí)候 ,但這樣對原代碼變動(dòng)非常大,對于一些復(fù)雜的邏輯,這基本不可能function curryAdd(...args){ return (...newArgs) => { return anoNumber * number; };}// 我們寫一個(gè)通用的柯里化函數(shù)的方式,經(jīng)過這個(gè)函數(shù)的轉(zhuǎn)換,我們可以將調(diào)用方式簡化function curry = (fn,...args){ return (..._args)=>{ return fn(...args, ..._arg); }}let curryAdd = curry(add,10);let curryAdd2 = curryAdd(11)不定參數(shù)的累加
一個(gè)比較經(jīng)典的練手題,把下面的代碼用柯里化的方式實(shí)現(xiàn),其難點(diǎn)簡單分析如下:如果你沒有了解過柯里化,可能覺得基本無法完成。
1 動(dòng)態(tài)入?yún)€(gè)數(shù),這個(gè)也許還可以通過arguments循環(huán)完成2 每次都能接受新的參數(shù)繼續(xù)累加,這必須是返回新函數(shù)并帶有之前的結(jié)果,要求是具有柯里化特點(diǎn)3 每次不在追加參數(shù)時(shí),需要能得到的值,這個(gè)需要你了解toString方法來改變結(jié)果值
實(shí)現(xiàn)一個(gè)add方法,使計(jì)算結(jié)果能夠滿足如下預(yù)期: add(1)(2)(3) = 6
add(1, 2, 3)(4) = 10
add(1)(2)(3)(4)(5) = 15
function add() { // 第一次執(zhí)行時(shí),定義一個(gè)數(shù)組專門用來存儲(chǔ)所有的參數(shù) var _args = [].slice.call(arguments); // 在內(nèi)部聲明一個(gè)函數(shù),利用閉包的特性保存_args并收集所有的參數(shù)值,執(zhí)行時(shí)已經(jīng)收集所有參數(shù)為數(shù)組 var adder = function () { var _adder = function() { // 執(zhí)行收集動(dòng)作,每次傳入的參數(shù)都累加到原參數(shù) [].push.apply(_args, [].slice.call(arguments)); return _adder; }; // 利用隱式轉(zhuǎn)換的特性,當(dāng)最后執(zhí)行時(shí)隱式轉(zhuǎn)換,并計(jì)算最終的值返回 _adder.toString = function () { return _args.reduce(function (a, b) { return a + b; }); } return _adder; } return adder(_args);}備注:codepen中的console.log方法被重寫,會(huì)有報(bào)錯(cuò)的問題,你可以直接通過瀏覽器的console控制臺調(diào)試這個(gè)方法。
部分參數(shù)應(yīng)用
部分參數(shù)應(yīng)用是指有些場景是希望固定傳遞多個(gè)參數(shù),來得到其固定的函數(shù),然后基于這個(gè)函數(shù)去執(zhí)行代碼。類似于第一個(gè)例子中的一個(gè)折扣參數(shù)得出折扣算法的使用。我們將第一個(gè)例子再復(fù)雜化一些。就會(huì)變成這樣的。
function getActualDiscount(custoemrLevel,discount){ }function getPriceComplex (custoemrLevel,discount){ let actualDiscount = getActualDiscount(custoemrLevel,discount); return price=>{ return price * actualDiscount; }}// 等級一的折扣策略 let strategyLev1WithOnepoint = getPriceComplex('lev1',0.1) ;let actualPrice = strategyLev1WithOnepoint(500);以上所述是小編給大家介紹的用場景去理解函數(shù)柯里化(入門篇)詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答