继承内置类

内置的类比如 Array，Map 等也都是可以继承的。

比如，这里有一个 PowerArray 继承自原生的 Array：

// 给 PowerArray 新增了一个方法（可以增加更多）
class PowerArray extends Array {
  isEmpty() {
    return this.length === 0;
  }
}

let arr = new PowerArray(1, 2, 5, 10, 50);
alert(arr.isEmpty()); // false

let filteredArr = arr.filter(item => item >= 10);
alert(filteredArr); // 10, 50
alert(filteredArr.isEmpty()); // false

请注意一个非常有趣的事情。内置的方法比如 filter，map 等 – 返回的正是子类 PowerArray 的新对象。它们内部通过对象的 constructor 属性实现了这一功能。

在上面的例子中，

arr.constructor === PowerArray

所以当 arr.filter() 被调用的时候，它在内部使用的是 new PowerArray 的返回值来创建新数组，而不是原生的 Array。这真的很酷，因为我们可以在返回值中继续使用 PowerArray 的方法。

更重要的是，我们可以定制这种行为。

我们可以给这个类增加一个特殊的静态 getter Symbol.species。如果存在，则应返回 JavaScript 内部用来在 map，filter 等方法中创建新实体的构造函数 (constructor)。

如果我们希望类似 map 或者 filter 这样的内置方法返回常规的数组，我们应该在 Symbol.species 中返回 Array，就像这样：

class PowerArray extends Array {
  isEmpty() {
    return this.length === 0;
  }

  // 内置方法会使用这个作为构造函数 (constructor)
  static get [Symbol.species]() {
    return Array;
  }
}

let arr = new PowerArray(1, 2, 5, 10, 50);
alert(arr.isEmpty()); // false

// filter 使用 arr.constructor[Symbol.species] 作为构造函数 (constructor) 创建新数组
let filteredArr = arr.filter(item => item >= 10);

// filteredArr 不是 PowerArray, 而是 Array
alert(filteredArr.isEmpty()); // Error: filteredArr.isEmpty is not a function

如你所见，现在 .filter 返回 Array。所以子类 PowerArray 的功能不再传递给 filteredArr。

内置类没有静态方法继承

内置对象有它们自己的静态方法，比如 Object.keys，Array.isArray 等。

如我们所知道的，原生的类互相继承。比如，Array 继承自 Object。

正常来说，当一个类继承自其他类的时候，静态方法和非静态方法都会被继承。这已经在这篇文章 静态属性和静态方法 中详尽地解释过了。

但内置类却是一个例外，它们相互间不继承静态属性和方法。

比如，Array 和 Data 都是继承自 Object，所以它们的实例都有来自 Object.prototype 的方法，但是 Array.[[Prototype]] 不指向 Object，所以它们没有例如 Array.keys()(或者 Data.keys())的静态方法。

这里有一张 Date 和 Object 结构关系的图片

如你所见，Date 和 Object 之间没有连结。Object 和 Date 都是独立存在的。Date.prototype 继承自 Object.prototype，但也仅此而已。

与我们了解的继承（extends）相比，这是内置对象之间的继承的一个非常重要的区别。