JavaScript中apply方法的应用技巧小结

前言

最近在看JavaScript设计模式,其中有一些巧妙的函数。所以将部分修改后记录在此,顺便加上自己写出的一些好玩的函数。方便大家和自己以后使用。下面来一起看看。

一、apply实现call

rush:js;"> Function.prototype.call = function () { var ctx = [].shift.apply(arguments) return this.apply(ctx,arguments) }

二、apply实现bind

rush:js;"> 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))) } }

三、实现函数柯里化

rush:js;"> 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,稍微改一下

rush:js;"> Function.prototype.currying = function () { var args = [],self = this var f = function () { if (arguments.length === 0) { return self.apply(this,arguments) return f } } return f }

四、实现函数反柯里化

rush:js;"> 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}

另一种方法callapply连用实现函数反柯里化

rush:js;"> 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函数

rush:js;"> Array.prototype.max = function () { return Math.max.apply(null,this) } console.log([1,3,5,2].max()) //5

总结

以上就是这篇文章的全部内容改了,希望能对大家的学习和工作有所帮组,如果有疑问大家可以留言交流。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...