如何理解这个高阶函数闭包发生了什么

如果您只想使用一个参数名称，也许您打算对其进行解构：function(...add)const not_hof = {};// Cheating by using destructuring (...add) // and not a HOF since accepts only Numbers as arguments not_hof.add = function(...add) {    const makeAdd = add.reduce((prev, curr) => {    return prev + curr;  }, 0);  return makeAdd; // and still not a HOF since it returns a Number };console.log(not_hof.add(2, 3));              // 5console.log(not_hof.add(9, 1, 10));          // 20console.log(not_hof.add(1, 1, 1, 1, 1, 1));  // 6PS：上面的函数也可以表示为：not_hof.add = (...add) => add.reduce((prev, curr) =>  prev + curr, 0);不是 HOF（高阶函数）虽然很多人会说上面是一个高阶函数- 因为它返回Array.prototype.reduce，它实际上不是：维基百科 - 高阶函数在数学和计算机科学中，高阶函数是至少执行以下一项操作的函数：将一个或多个函数作为参数（即过程参数），返回一个函数作为其结果。但是，add是不是一个程序函数的参数; IE：过程 P(f)：返回 f(2,3) * f(9,1)并且它不返回函数；而一个号码 返回的Array.prototype.reduce。1. HOF - 一个或多个函数作为参数至少传递一个函数作为参数：const helper = { // Helper functions  add(a, b) { return  Number(a) + Number(b); },};const hof = {};hof.add = function(fn, add1, add2) { // HOF since it takes a function as argument  return fn(add1, add2);             // (Returns a Number)};// ...But it takes three argumentsconsole.log(hof.add(helper.add, 56, 5)); // 612. HOF - 返回一个函数至少返回一个函数：const hof = {};hof.add = function(add) { // (Takes a Number argument)  function makeAdd(b) {    return add + b;  }  return makeAdd;         // HOF since it returns a function};// But accepts a single argument at each callconsole.log(hof.add(56)(5)); // 61或喜欢const hof = {};hof.add = function(add1, add2) { // NOT LIKE YOUR EXAMPLE, 2 arguments are expected!  function makeAdd() {    return add1 + add2;  }  return makeAdd; // HOF since it returns a function};// ...The function had to be executed ()console.log(hof.add(56, 5)());     // 61但在这种情况下，它无法通过您的测试说明：it('returns total of the two arguments', () => { // nope :( only one argument here...带闭合的 HOF允许使用 a 多次调用该函数Function.prototype.toString()，以便在最后一次调用时返回字符串const hof = {};hof.add = function(add) {  let sum = add;    // Store in local scope  const makeAdd = (b) => {    sum += b;       // Access to lexical environment variables    return makeAdd; // Returns a function (self)    }  makeAdd.toString = () => sum;  return makeAdd;   // HOF since we return a function}const result = hof.add(1)(2)(2)(56);console.log(result)         // (f) 61console.log(typeof result); // functionconsole.log(result == 61)   // trueconsole.log(result === 61)  // false// A legitimate test might break since the strict equality operator fails.让我们保持简单。没有关闭，没有 HOF如果不需要使用数组解构和 Array.prototype.reduce() 的第一个示例，那么只需坚持最简单的函数声明形式：const not_hof = {  add: (a, b) => a + b,  sub: (a, b) => a - b,  // etc...};console.log(  not_hof.add(56, 5)  ); // 61

如何理解这个高阶函数闭包发生了什么

3回答