您好,登錄后才能下訂單哦!
這篇文章主要講解了“JavaScript組合函數怎么使用”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“JavaScript組合函數怎么使用”吧!
如果沒有組合函數 compose,函數連續調用將會是嵌套的:
const multi10 = function(x) { return x * 10; } const toStr = function(x) { return `${x}`; } const compute = function(x){ return toStr(multi10(x)) } compute(8)
fn3(fn2(fn1(fn0(x)))),層層嵌套是很容易看錯的;
所以,必須嘗試將調用層級扁平化!
compose 應運而生,它大概就會是這樣:
const compose = function(f,g) { return function(x) { return f(g(x)) } }
let compute = compose(toStr, multi10) compute(8)
通過使用compose函數我們可以把兩個函數組合成一個函數,這讓代碼從右往左執行,而不是層層計算某個函數的結果作為另一個函數的參數,這樣代碼也更加直觀。
當然,我們不能讓 compose 限制于只能處理連續調用兩個函數,于是支持任意參數版本的 compose 將是這樣的:
function compose(...funs){ return (x) =>funs.reduce((acc, fun) => fun(acc), x) }
通過函數組合,我們可以可以聲明式地指定函數間的關系,代碼的可讀性也大大提高,也方便我們后續對代碼進行擴展跟重構;
而且在React里面,當我們的高階組件變多的時候,一個套著一個就很難看,我們就可以通過類似的方式來讓我們的高階組件層級扁平化;這就是最最原始的 compose,以及它被提出的原始動機~~
感謝各位的閱讀,以上就是“JavaScript組合函數怎么使用”的內容了,經過本文的學習后,相信大家對JavaScript組合函數怎么使用這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。