2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
id: 587d7db1367417b2b2512b87
|
2020-12-16 00:37:30 -07:00
|
|
|
|
title: 继承后添加方法
|
2018-10-10 18:03:03 -04:00
|
|
|
|
challengeType: 1
|
2020-08-04 15:15:28 +08:00
|
|
|
|
forumTopicId: 301315
|
2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --description--
|
|
|
|
|
|
|
|
|
|
从`父类`继承其`原型`对象的构造函数除了继承的方法之外,还可以有自己的方法。
|
|
|
|
|
|
|
|
|
|
请看举例:`Bird`是一个构造函数,它继承了`Animal`构造函数的`原型`:
|
2020-08-04 15:15:28 +08:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
function Animal() { }
|
|
|
|
|
Animal.prototype.eat = function() {
|
|
|
|
|
console.log("nom nom nom");
|
|
|
|
|
};
|
|
|
|
|
function Bird() { }
|
|
|
|
|
Bird.prototype = Object.create(Animal.prototype);
|
|
|
|
|
Bird.prototype.constructor = Bird;
|
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
除了从`Animal`构造函数继承的行为之外,还需要给`Bird`对象添加它独有的行为。这里,我们给`Bird`对象添加一个`fly()`函数。函数会以一种与其他构造函数相同的方式添加到`Bird`的`原型`中:
|
2020-08-04 15:15:28 +08:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
Bird.prototype.fly = function() {
|
|
|
|
|
console.log("I'm flying!");
|
|
|
|
|
};
|
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
现在`Bird`的实例中就有了`eat()`和`fly()`这两个方法:
|
2020-08-04 15:15:28 +08:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
let duck = new Bird();
|
|
|
|
|
duck.eat(); // prints "nom nom nom"
|
|
|
|
|
duck.fly(); // prints "I'm flying!"
|
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --instructions--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
添加必要的代码,使得`Dog`对象继承`Animal`构造函数,并且把`Dog 原型`上的 constructor 属性设置为 Dog。然后给`Dog`对象添加一个`bark()`方法,这样的话,`beagle`将同时拥有`eat()`和`bark()`这两个方法。`bark()`方法中应该输出 "Woof!" 到控制台。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --hints--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
`Animal`应该没有`bark()`方法。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
|
assert(typeof Animal.prototype.bark == 'undefined');
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
`Dog`应该继承了`Animal`构造函数的`eat()`方法。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```js
|
|
|
|
|
assert(typeof Dog.prototype.eat == 'function');
|
|
|
|
|
```
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
`Dog`应该有一个`bark()`方法作为`自身`属性。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```js
|
|
|
|
|
assert(Dog.prototype.hasOwnProperty('bark'));
|
|
|
|
|
```
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
`beagle`应该是`Animal`的一个`instanceof`。
|
2020-08-04 15:15:28 +08:00
|
|
|
|
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
|
assert(beagle instanceof Animal);
|
|
|
|
|
```
|
2020-08-04 15:15:28 +08:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
`beagle`的 constructor 属性应该被设置为`Dog`。
|
2020-08-04 15:15:28 +08:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```js
|
|
|
|
|
assert(beagle.constructor === Dog);
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
2020-08-04 15:15:28 +08:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --solutions--
|
|
|
|
|
|