javascript - Spider中的 "extends"关键字是什么？

Question

Spider通过添加 2 个关键字来拥抱 JavaScript 原型(prototype) OOP:extends 和 super。

• 它们是什么？
• 他们解决了什么问题？
• 什么时候合适，什么时候不合适？

Answer 1

extends 关键字允许您继承现有对象。例如，假设您有一个 Animal 对象:

fn Animal(name) {
  this.name = name;

  this.walk = fn() {
    console.log('\(name) is walking...');
  };
}

Animal.prototype.getLegs = fn() {
  return 4;
};

您现在可以使用 extends 关键字创建另一个继承 Animal 的对象:

fn Spider(name)
  extends Animal(name) {

}

Spider.prototype.getLegs = fn() {
  return 8;
};

当您创建一个新的 Spider 对象时，您将自动拥有您的 walk 方法，因为 Spider 扩展了 Animal.

var spider = new Spider("Skitter the Spider");
spider.walk();

Spider(语言)还提供了 super 关键字，它允许您轻松访问您正在扩展的对象。例如:

Spider.prototype.getLegs = fn() {
  return super.getLegs() + 4; 
};

spider.getLegs(); // => 8

---

实现

Spider 中的这段代码:

fn Spider() extends Animal {}

编译为以下 JavaScript:

function Spider() {
  Animal.call(this);
}

Spider.prototype = Object.create(Animal);