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

Question

几年来，我一直在构建和使用 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

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

所以现在我的问题是如何在自定义类的 constructor 中调用 super 并在不使用扩展运算符的情况下传递源数组的每个元素？

可以创建一个包含这么多元素的Array 而没有任何真正的问题，所以我觉得应该可以用像这样扩展Array 的类来做同样的事情。但是如果不使用扩展运算符或进行一些其他更改以阻止我使用我一直在使用的某些语法，我不知道该怎么做。

Answer 1

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

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

    // ...
}

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