js高级技巧之柯里化
生活随笔
收集整理的這篇文章主要介紹了
js高级技巧之柯里化
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
- 核心需要注意兩點:參數子集的收集、返回函數
- 下面見bind的封裝中使用到柯里化: function bind (fn, context) {// 獲取fn、context之外的參數var args = Array.prototype.slice.call(arguments, 2)return function (){// 收集內部參數var innerArys = Array.prototype.slice.call(arguments)// 合并參數var finalArys = arys.concat(innerArys);return fn.apply(context, finalArys);} }
- 見使用例子: 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'); // 執行的過程中參數的收集步驟是: // 1.先收集外部參數'zhanhui'和'shihuan'這兩個字符串 // 2.接著收集內部參數event // 3.最后將這三個參數合并,并一并傳給handler.handlerClick
- 平時擼代碼中經常用到場景有如下幾種:
- 參數復用
- 延遲運行,返回的是函數。
- 下面見例子: 1.減少重復傳遞不變的部分參數 2.將柯里化后的callback參數傳遞給map, filter等函數。 3.后續補充代碼示例 https://segmentfault.com/a/1190000015281061?utm_source=tag-newest
轉載于:https://my.oschina.net/u/3407699/blog/3020309
總結
以上是生活随笔為你收集整理的js高级技巧之柯里化的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Vue写一个日历
- 下一篇: Linux lvs 多端口组成