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

作者：半夏时间：2026-10-31 03:08:49浏览：361

本文深入解析JavaScript中apply方法的多种应用技巧。通过具体代码示例，演示如何利用apply实现call和bind方法，掌握函数柯里化与反柯里化的实现原理，并展示如何为数组添加max函数。内容涵盖严格模式下的处理方案及多种实现路径，旨在帮助开发者深入理解函数调用机制与高阶函数技巧。

前言

近期在阅读JavaScript设计模式时，发现了一些巧妙的函数实现方式。因此，我将部分经过修改的内容整理记录于此，并补充了自己编写的一些有趣函数，以便日后查阅和使用。接下来我们将逐一探讨这些技巧。

利用apply实现call方法

一、apply实现call


Function.prototype.call = function () {
 var ctx = [].shift.apply(arguments)
 return this.apply(ctx, arguments)
}

利用apply实现bind方法

二、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)))
 }
}

利用apply实现函数柯里化

三、实现函数柯里化


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
}

利用apply实现函数反柯里化

四、实现函数反柯里化


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]...)
 }
}

利用apply为数组添加max方法

五、为数组添加max函数


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

总结

以上便是本文的全部内容，希望能对读者的学习和工作有所帮助。如有任何疑问，欢迎留言交流。

作者最新文章

JavaScript闭包与类(Class)的区别及适用场景对比

2026-11-05 15:48:57

JavaScript入门要学ES6吗？let与箭头函数等新特性解析

2026-11-05 14:49:16

JavaScript 8种数据类型详解：基本类型与引用类型的区别

2026-11-05 14:25:15

怎么在JavaScript中使用async/await优化Ajax异步流程

2026-11-05 13:56:15

JavaScript replace回调函数实现动态正则替换逻辑

2026-11-05 13:52:13