16.了解原型链

说明

JavaScript中的所有对象（除了一些例外）都有一个prototype。而且，一个对象的prototype本身就是一个对象。

function Bird(name) {
  this.name = name;
}

typeof Bird.prototype; // => object

因为prototype是一个对象，所以一个prototype可以有自己的prototype在这种情况下，Bird.prototype的prototype是Object.prototype：

Object.prototype.isPrototypeOf(Bird.prototype);
//返回true

这样有用吗？你可能会从之前的挑战中回想起hasOwnProperty方法：

var duck = new Bird("Donald");
duck.hasOwnProperty("name"); // => true

hasOwnProperty方法在Object.prototype中定义

在这个prototype原型链中，Bird是duck的supertype，而duck是subtype，Object是Bird和duck的supertype。

Object是JavaScript中所有对象的supertype。因此，任何对象都可以使用hasOwnProperty方法。

---

练习

修改代码以显示正确的原型链。

• 显示Dog.prototype是beagle的prototype。

function Dog(name) {
this.name = name;
}

let beagle = new Dog("Snoopy");

Dog.prototype.isPrototypeOf(beagle);// => true

// Fix the code below so that it evaluates to true
???.isPrototypeOf(Dog.prototype);

答案

方法	描述
this	当前执行代码的环境对象
let	声明一个块级作用域的本地变量，并且可选的将其初始化为一个值。
new	创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。
prototype	给对象添加属性和方法。
isPrototypeOf()	用于测试一个对象是否存在于另一个对象的原型链上。
hasOwnProperty（）	返回一个布尔，指示对象是否具有指定属性作为其自己的属性（而不是继承它）。
Object	构造函数创建一个对象包装器。

function Dog(name) {
this.name = name;
}

let beagle = new Dog("Snoopy");

Dog.prototype.isPrototypeOf(beagle);// => true

// Fix the code below so that it evaluates to true
Object.prototype.isPrototypeOf(Dog);// => true