自定义类扩展数组而不使用扩展语法

问题描述

几年来，我一直在构建和使用JavaScript（repo，docs）中的自定义数据分析工具。

我最近所做的更改之一是使用JavaScript类扩展了本机Array类型，因此我可以轻松地将自定义函数作为类数组对象上的方法调用，而不用传递它们这些参数作为参数使用，而不会失去使用[]表示法访问元素的能力。

为此，我一直在使用以下代码：

class AnalyserRows extends Array {
    constructor(sourceArray) {
        super(...sourceArray);
    }

    // ...
}

这已经工作了一段时间了，但是最近我尝试加载一组特别大的数据，但遇到了问题。我试图创建一个包含约66,000个元素的AnalyserRows对象，但是Chrome抛出此错误：

未捕获的RangeError：超出了最大调用堆栈大小

在搜索中，我找到了此问题的解释： RangeError - Maximum Call Stack Size Exceeded Error Using Spread Operator in Node.js / Javascript

spread运算符（和Array.assign）将整个源数组加载到堆栈上，然后将其推到目标数组上。源数组超过125,052后，将导致堆栈溢出/范围错误。

所以现在我的问题是，如何在自定义类的super内调用constructor并通过源数组的每个元素而不使用散布运算符？

可以创建具有这么多元素的Array而没有任何实际问题，所以我认为应该可以对扩展Array的类进行相同的操作像这样。但是，如果不使用传播运算符或进行其他更改使我无法使用自己一直在使用的某些语法，那么我将看不到该怎么做。

解决方法

Array构造函数有两种形式：可以将所有数组元素都传递给它，或者可以将数组的大小传递给它。您可以尝试使用第二种形式，然后在构造函数中复制数组元素。

class AnalyserRows extends Array {
    constructor(sourceArray) {
        super(sourceArray.length);
        for (let i = 0; i < sourceArray.length; i++) {
            this[i] = sourceArray[i];
        }
    }

    // ...
}

但是，这对于大型数组可能非常慢。从您提供的报价来看，似乎任何内置的快捷方式都会遇到堆栈溢出问题。