JavaScript中apply方法的應用技巧小結
更新時間:2016年09月29日 09:55:26 投稿:daisy
這篇文章給大家總結了在js中apply方法的一些應用技巧,通過這些技巧對大家日常的使用相信會有幫助,有需要的朋友們下面來一起看看吧。
前言
最近在看JavaScript設計模式,其中有一些巧妙的函數。所以將部分修改后記錄在此,順便加上自己寫出的一些好玩的函數。方便大家和自己以后使用。下面來一起看看。
一、apply實現call
Function.prototype.call = function () { var ctx = [].shift.apply(arguments) return this.apply(ctx, arguments) }
二、apply實現bind
Function.prototype.bind = function () { var ctx = [].shift.apply(arguments), args = [].slice.apply(arguments), self = this return function () { return self.apply(ctx, args.concat([].slice.apply(arguments))) } }
三、實現函數柯里化
Function.prototype.currying = function () { var args = [], self = this return function () { if (arguments.length === 0) { return self.apply(this, args) } else { [].push.apply(args, arguments) return arguments.callee } } } //用法 var add = function () { var sum = 0 for (var i = 0; i < arguments.length; i++) { sum += arguments[i] } return sum }.currying() add(2) //并未求值 add(3, 3) //并未求值 add(4) //并未求值 console.log(add()) //12
嚴格模式不能使用arguments.callee
, 稍微改一下
Function.prototype.currying = function () { var args = [], self = this var f = function () { if (arguments.length === 0) { return self.apply(this, args) } else { [].push.apply(args, arguments) return f } } return f }
四、實現函數反柯里化
Function.prototype.uncurrying = function () { var self = this return function () { var obj = [].shift.apply(arguments) return self.apply(obj, arguments) } } // 用法 var push = Array.prototype.push.uncurrying() var obj = {} push(obj, '嘿') console.log(obj) //{0: "嘿", length: 1}
另一種方法:call
和apply
連用實現函數反柯里化
Function.prototype.uncurrying = function () { var self = this return function () { return Function.prototype.call.apply(self, arguments) //有點繞,其實就是return self.call(args[0], args[1], args[2]...) } }
五、為數組添加max函數
Array.prototype.max = function () { return Math.max.apply(null, this) } console.log([1, 3, 5, 2].max()) //5
總結
以上就是這篇文章的全部內容改了,希望能對大家的學習和工作有所幫組,如果有疑問大家可以留言交流。
相關文章
Underscore之Array_動力節(jié)點Java學院整理
這篇文章主要為大家詳細介紹了Underscore之Array的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07利用chrome瀏覽器進行js調試并找出元素綁定的點擊事件詳解
“工欲善其事,必先利其器” 恩,這句話我覺得說的特別有道理,下面這篇文章主要給大家介紹了關于利用chrome瀏覽器進行js調試并找出元素綁定的點擊事件的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2018-09-09