无法通过 MyObject.prototype.reduce 回调访问数组方法

Question

因此，我正在尝试一些原型设计，并成功在原型上实现了 forEach 来处理其对象数组。箭头函数回调工作得很好，我认为同样的事情可能适用于 .reduce()，但是，正如您所看到的，适用于普通数组的符号不适用于我的 ArraySet 原型。顺便说一句，箭头符号中的相同功能不起作用。

我对这里发生的事情的理解中缺少什么，以便我可以解决这个问题并继续前进？

function ArraySet(items) {
  // this._items = []
  this._items = items
}

ArraySet.prototype.forEach = function forEach(cb) {
   return this._items.forEach(cb);
}
  
ArraySet.prototype.reduce = function reduce(cb) {
  return this._items.reduce(cb);
}

let arr = new ArraySet([{
    key1: 'property2',
    key3: 'propertyx'
  },
  {
    key1: 'property4',
    key3: 'propertyy'
  },
  {
    key1: 'climate change',
    key3: 'propertyx'
  },
  {
    key1: 'climate change',
    key3: 'propertyx'
  },
])

arr.forEach(el => {
    console.log(el)
});

x = arr.reduce(function (map, obj) {
    if (obj.key3 === 'propertyx'){
        map.push(obj.key1)
    }
    return map
}, []) //<-- final argument is the instantiating literal of the reigning map type: [], {}, ''

编辑： 感谢 Maheer Ali 的回答，详细介绍了扩展运算符 (...) 的使用，问题很容易解决。 Maheer 出色地扩展了适用相同方法的其他功能。

深入探究原因，我了解到在扩展运算符出现之前，.apply() 通常用于函数调用中，以确保所有必需的参数在执行中可用。自从引入扩展运算符以包含对象以来，它已从适用性发展到数组（如参数列表）。它还可以复制数组，替换 arr.splice()。

以下是对 MDN 上的示例之一的改编：

function myFunction(v, w, x, y, ...z) {
  console.log(v + ' ' + w + ' ' + x + ' ' + y + ' ' + z)
}
var args = [0, 1];
myFunction(-1, ...args, 2, ...[3, 8]);

更多信息请参阅参考资料：Spread Syntax

Answer 1

reduce()

有两个参数，一是回调，二是累加器的初始值。所以你需要在方法中使用剩余参数，然后将所有参数传递给

reduce()

注意： 在

reduce()

中，您通常传递第二个参数。在

forEach()

,

map()

中还有第二个可选参数。该参数将

this

绑定到传递给特定方法的回调。如果您需要使用它，请确保执行与

reduce()

相同的操作

请参阅下面的工作片段

function ArraySet(items) {
  // this._items = []
  this._items = items
}

ArraySet.prototype.forEach = function forEach(cb) {
   return this._items.forEach(cb);
}
  
ArraySet.prototype.reduce = function reduce(...args) {
  return this._items.reduce(...args);
}

let arr = new ArraySet([{
    key1: 'property2',
    key3: 'propertyx'
  },
  {
    key1: 'property4',
    key3: 'propertyy'
  },
  {
    key1: 'climate change',
    key3: 'propertyx'
  },
  {
    key1: 'climate change',
    key3: 'propertyx'
  },
])

arr.forEach(el => {
    console.log(el)
});

x = arr.reduce((map, obj) => {
    if (obj.key3 === 'propertyx'){
        map.push(obj.key1)
    }
    return map
}, []) //<-- final argument is the instantiating literal of the reigning map type: [], {}, ''

console.log(x)

顺便说一句，箭头符号中的相同功能不起作用

箭头函数没有自己的

this

绑定。他们使用父范围的

this

。由于您在方法中使用

this

，因此您无法使用箭头函数。原型方法永远不能用箭头函数编写。