Question

我听说ES6现在最终允许继承Array。这是

给出的一个例子

class Stack extends Array {
    constructor() { super() }
    top() { return this[this.length - 1]; }
  }

  var s = new Stack();
  s.push("world");
  s.push("hello");
  console.log(s.top());  // "hello"
  console.log(s.length); // 2

当然，这很有效。但至少在Traceur中，明确设置长度并不会截断数组。当通过console.log进行打印时，输出是对象形式而不是数组形式，这表明有人并没有将其视为真实的＆＃34;阵列。

这是Traceur如何实现内置对象的子类化或ES6限制的问题吗？

Answer 1

答案很长

在正常情况下，Ecmascript 6中的子类只是语法上的含糖，所以它仍然可以进行Ecmascript 5的原型链接。这意味着Traceur中的扩展类型在大多数情况下与在＆＃34; real＆＃34;中扩展完全相同。 ecmascript 6。

数组实例很特殊 - ECMAScript 6规范称它们具有异国情调。他们对属性长度的处理不能通过普通的JavaScript复制。如果你调用你的构造函数，那么就会创建一个Stack实例，而不是异国情调的对象（异国情调实际上是ES6规范中的官方名称）。

但不要绝望，解决方案不是由class extends糖本身提供，而是由（{re}）引入__proto__属性提供。

解决方案

Ecmascript 6重新引入了可写__proto__属性。它曾经只在Firefox上可用并且已被弃用，但现在又在ES6中完全恢复。这意味着您可以创建一个真正的数组然后升级＆＃34;它是你的自定义类。

现在您可以执行以下操作：

function Stack(len) {
    var inst = new Array(len);
    inst.__proto__ = Stack.prototype;
    return inst;
}
Stack.prototype = Object.create(Array.prototype);

简短回答

所以继承应该在ES6中工作。您可能必须手动使用__proto__技巧，如果他们没有设法使用新的class extends语法来解决这个问题，并且还有一些未公开的技巧。您将无法使用Traceur和Typescript之类的转发器在ES5中完成此操作，但是您可以使用Firefox（我记得）已经支持__proto__来使用ES5中的上述代码很长一段时间。

Answer 2

问题是你要覆盖构造函数。如果你删除constructor () { super(); }，你的例子就可以完美地工作，包括s.length = 0截断数组。

使用ES6类扩展数组

2 个答案:

答案很长

解决方案

简短回答