欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中apply方法的應用技巧小結

 更新時間：2016年09月29日 09:55:26   投稿：daisy  
這篇文章給大家總結了在js中apply方法的一些應用技巧，通過這些技巧對大家日常的使用相信會有幫助，有需要的朋友們下面來一起看看吧。

前言

最近在看JavaScript設計模式，其中有一些巧妙的函數(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

總結

以上就是這篇文章的全部內(nèi)容改了，希望能對大家的學習和工作有所幫組，如果有疑問大家可以留言交流。

相關文章

最新評論