js高级技巧之柯里化
生活随笔
收集整理的這篇文章主要介紹了
js高级技巧之柯里化
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
- 核心需要注意兩點(diǎn):參數(shù)子集的收集、返回函數(shù)
- 下面見(jiàn)bind的封裝中使用到柯里化: function bind (fn, context) {// 獲取fn、context之外的參數(shù)var args = Array.prototype.slice.call(arguments, 2)return function (){// 收集內(nèi)部參數(shù)var innerArys = Array.prototype.slice.call(arguments)// 合并參數(shù)var finalArys = arys.concat(innerArys);return fn.apply(context, finalArys);} }
- 見(jiàn)使用例子: var handler = {message: 'event handled',handlerClick: function (param1, param2, event) {console.log(event);console.log(this.message + ':' + param1 + ':' + param1);} }; var btn = document.getElementById('myBtn'); btn.onclick = bind(handler.handlerClick, handler, 'zhanhui', 'shihuan'); // 執(zhí)行的過(guò)程中參數(shù)的收集步驟是: // 1.先收集外部參數(shù)'zhanhui'和'shihuan'這兩個(gè)字符串 // 2.接著收集內(nèi)部參數(shù)event // 3.最后將這三個(gè)參數(shù)合并,并一并傳給handler.handlerClick
- 平時(shí)擼代碼中經(jīng)常用到場(chǎng)景有如下幾種:
- 參數(shù)復(fù)用
- 延遲運(yùn)行,返回的是函數(shù)。
- 下面見(jiàn)例子: 1.減少重復(fù)傳遞不變的部分參數(shù) 2.將柯里化后的callback參數(shù)傳遞給map, filter等函數(shù)。 3.后續(xù)補(bǔ)充代碼示例 https://segmentfault.com/a/1190000015281061?utm_source=tag-newest
轉(zhuǎn)載于:https://my.oschina.net/u/3407699/blog/3020309
總結(jié)
以上是生活随笔為你收集整理的js高级技巧之柯里化的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Vue写一个日历
- 下一篇: 现代人,特别需要蒸之一