实现fn(1,2)(3)(4).getSum()，使得最后输出值为实参的和即10

标签：调用   pre   argument   his   log   表示   reduce   arguments   原型   

方法1，使用闭包

let arr = []

function fn(){
  let arg = [...arguments]   // 用另一个变量表示外部函数的实参
  function closure(){        // 使用闭包将变量持久化
    arr = [...arr,...arg]
  }
  closure()
  return fn                  // 将函数自身return出去,这是实现链式调用的关键
}

Function.prototype.getSum = function(){   // 再函数原型上添加getSum方法
  let num = arr.reduce((prev,curt) => {
     return prev + curt
  },0)
  return num
}

let res = fn(1,2)(3)(4).getSum()
console.log(res)    // 10

方法2，使用arguments和对象的可扩展性原理

• js中万物皆对象，函数也使对象，也具有可扩展性

function fn(){
  arguments.callee.arr = [...arguments.callee.arr,...arguments]    // 拼接数组(实参)
  return fn
}

fn.arr = []    // 函数扩展参数arr

fn.getSum = function(){  // 函数扩展方法getSum
  let num = this.arr.reduce((prev,curt) => {
    return prev + curt
  },0)
  return num
}

let res = fn(1,2)(3)(4).getSum()
console.log(res)   // 10

实现fn(1,2)(3)(4).getSum()，使得最后输出值为实参的和即10

标签：调用   pre   argument   his   log   表示   reduce   arguments   原型   

原文地址：https://www.cnblogs.com/zoo-x/p/14863968.html