Array.prototype.reduce.call中的.reduce.call

`Array.prototype.reduce.call` 是一个高级的 JavaScript 技巧，用于在类数组对象上调用 `reduce` 方法。

首先，`Array.prototype.reduce` 是 JavaScript 数组的原型方法，用于对数组的每个元素进行迭代，并返回一个累计的结果。它接受一个回调函数作为参数，该回调函数在每次迭代时被调用，并传入累计值（prev）、当前值（current）、当前索引和数组本身。

然而，有些对象不是真正的数组，但它们具有类似数组的特性，例如字符串、类数组对象等。这些对象没有内置的 `reduce` 方法。在这种情况下，我们可以借用 `Array.prototype.reduce` 方法，并使用 `call` 方法将其应用于非数组对象。

通过使用 `Array.prototype.reduce.call`，我们可以将任何类数组对象当作数组来处理，从而使用 `reduce` 方法对其中的元素进行操作。这种技巧能够扩展类数组对象的功能，使我们能够使用数组原型方法来操作它们。

相关问题

Array.prototype.reduce.call

`Array.prototype.reduce.call` 是在一个类数组对象上调用 `reduce` 方法的一种方式。它的作用是将 `reduce` 方法应用于类数组对象，并返回最终的结果。

在这个例子中，`Array.prototype.reduce.call` 被用于字符串对象 `str` 上。通过调用 `reduce` 方法，我们可以对字符串中的每个字符进行迭代，并将其累加到 `prev` 变量中。最后，返回累加的结果。

需要注意的是，虽然字符串并不是一个真正的数组，但它是一个类数组对象，可以通过类似数组对象的方式进行遍历和操作。通过使用 `Array.prototype.reduce.call`，我们可以将这个类数组对象当作数组来处理，从而使用 `reduce` 方法对其中的元素进行操作。

Array.prototype.slice.call

Array.prototype.slice.call() 是 JavaScript 中的一个实用技巧，它允许你在非数组对象上调用 Array 的 slice 方法。JavaScript 的 Array 类型有一些内置方法，如 map、filter、reduce 等，它们通常只能用于真正的数组对象上。但是，通过使用 call 或 apply 方法，你可以将这些方法应用到其他具有同样方法签名的对象上。

当你想要对像 NodeList、Function 参数列表或其他非数组对象执行数组方法时，可以这样做：

// 假设我们有一个 DOM NodeList 和一个函数
const nodeList = document.querySelectorAll('div');
function processItems(array) {
  // ...
}

// 使用 call 将 slice 方法应用于 nodeList
const slicedNodes = Array.prototype.slice.call(nodeList, start, end);

// 现在 slicedNodes 就是一个正常的数组，可以进行常规的数组操作
processItems(slicedNodes);