JavaScript中apply方法的應(yīng)用技巧小結(jié)
前言
最近在看JavaScript設(shè)計模式,其中有一些巧妙的函數(shù)。所以將部分修改后記錄在此,順便加上自己寫出的一些好玩的函數(shù)。方便大家和自己以后使用。下面來一起看看。
一、apply實現(xiàn)call
Function.prototype.call = function () { var ctx = [].shift.apply(arguments) return this.apply(ctx, arguments) }
二、apply實現(xiàn)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))) } }
三、實現(xiàn)函數(shù)柯里化
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 }
四、實現(xiàn)函數(shù)反柯里化
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
連用實現(xiàn)函數(shù)反柯里化
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]...) } }
五、為數(shù)組添加max函數(shù)
Array.prototype.max = function () { return Math.max.apply(null, this) } console.log([1, 3, 5, 2].max()) //5
總結(jié)
以上就是這篇文章的全部內(nèi)容改了,希望能對大家的學習和工作有所幫組,如果有疑問大家可以留言交流。
相關(guān)文章
瀏覽器解析js生成的html出現(xiàn)樣式問題的解決方法
接觸css, javascript有三年多了,今天遇到的問題最令我不可思議,很容易給人一種錯覺,那就是js拼成的html結(jié)構(gòu)肯定有問題2012-04-04實現(xiàn)圖片預(yù)加載的三大方法及優(yōu)缺點分析
本文介紹了實現(xiàn)圖片預(yù)加載的三大方法(CSS/JAVASCRIPT/AJAX)以及這三種方法的優(yōu)缺點分析,是篇非常值得推薦的文章,小伙伴們可要仔細研究下。2014-11-11Underscore之Array_動力節(jié)點Java學院整理
這篇文章主要為大家詳細介紹了Underscore之Array的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07javascript自定義in_array()函數(shù)實現(xiàn)方法
這篇文章主要介紹了javascript自定義in_array()函數(shù)實現(xiàn)方法,涉及javascript數(shù)組的遍歷與查找相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08JS與HTML結(jié)合實現(xiàn)流程進度展示條思路詳解
基于js與html相結(jié)合實現(xiàn)的流程進度展示條,非常實用,在各大網(wǎng)站都可以用到,下面小編給大家?guī)砹薐S與HTML結(jié)合實現(xiàn)流程進度展示條思路詳解,需要的朋友參考下吧2017-09-09利用chrome瀏覽器進行js調(diào)試并找出元素綁定的點擊事件詳解
“工欲善其事,必先利其器” 恩,這句話我覺得說的特別有道理,下面這篇文章主要給大家介紹了關(guān)于利用chrome瀏覽器進行js調(diào)試并找出元素綁定的點擊事件的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2018-09-09