在 ES6 中，使用 class 关键字来创建类已经成为了一种普遍的方式。但是，当我们尝试继承 Array 类时，会遇到一些问题：Array 类的一些方法（例如 push、slice 等）无法通过子类实例来调用。这是因为 Array 是一个特殊的内置对象，无法像普通对象一样使用 class 进行继承。本文将介绍如何通过一些技巧来解决这个问题，并提供示例代码以供参考。
问题分析
在继承 Array 时，我们通常会这样写：
class MyArray extends Array {
constructor(...args) {
super(...args);
}
}
const arr = new MyArray();
arr.push(1); // TypeError: arr.push is not a function这段代码看起来是没有问题的，但是当我们调用 push 方法时，会抛出一个错误，提示 push 不是一个函数。这是因为继承自 Array 的子类实例并不是一个真正的 Array 对象，而是一个对象，它实际上只是通过 proto 属性与 Array 相关联。在 JavaScript 中，只有数组本身才有 push 方法，而继承自数组的子类实例并不是一个数组，因此无法直接调用它的数组方法。
解决方案
为了解决这个问题，我们可以使用另外一种方式创建类，而不是使用 class 关键字。下面是一种使用函数和原型的方式来创建类，并使其继承自 Array：
-- -------------------- ---- ------- -------- ---------------- - ----- --- - --------------------------------- ------------------ -- ------ ------ ---- - ----------------- - ------------------------------- ----- ----- - ---------- -- --- -------------- ------------------- -- --- -- -- --
在这里，我们创建了一个名为 MyArray 的函数，该函数返回一个新的对象，该对象使用 MyArray.prototype 作为其原型。我们将 MyArray.prototype 设置为 Object.create(Array.prototype)，这意味着它继承自 Array，而不是通过 proto 属性关联到它上面。然后，在 MyArray 函数内部，我们调用了数组的 push 方法，这样新创建的子类实例就会拥有该方法。
上面这种方式虽然比较繁琐，但是可以确保继承自 Array 的子类实例完全拥有数组的方法，包括 push、slice、concat 等。
结论
通过上面的方式，我们可以解决 ES6 的 class 关键字无法继承 Array 的问题。使用函数和原型创建类虽然比使用 class 关键字更加繁琐，但可以确保子类实例拥有父类所有的方法，这在继承数组这样的特殊内置对象时尤为重要。同时，这种方式也展示了 JavaScript 中对象和原型的关系，有助于进一步理解 JavaScript 的面向对象编程模型。
示例代码
-- -------------------- ---- ------- -------- ---------------- - ----- --- - --------------------------------- ------------------ -- ------ ------ ---- - ----------------- - ------------------------------- ----------------------------- - -------- -- ------- --------------------- - ---------- - ------ ----------------- ---- -- --- - ---- --- - ----- ----- - ---------- -- --- -------------- ------------------- -- --- -- -- -- ------------------------- -- --
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67180b84ad1e889fe226653d