143 lines
2.5 KiB
Markdown
Raw Normal View History

---
id: 587d7db0367417b2b2512b83
title: 使用继承避免重复
challengeType: 1
forumTopicId: 301334
dashedName: use-inheritance-so-you-dont-repeat-yourself
---
# --description--
有一条原则叫做:`Don't Repeat Yourself`,常以缩写形式`DRY`出现,意思是“不要自己重复”。编写重复代码会产生的问题是:任何改变都需要去多个地方修复所有重复的代码。这通常意味着我们需要做更多的工作,会产生更高的出错率。
请观察下面的示例,`Bird``Dog`共享`describe`方法:
```js
Bird.prototype = {
constructor: Bird,
describe: function() {
console.log("My name is " + this.name);
}
};
Dog.prototype = {
constructor: Dog,
describe: function() {
console.log("My name is " + this.name);
}
};
```
我们可以看到`describe`方法在两个地方重复定义了。根据以上所说的`DRY`原则,我们可以通过创建一个`Animal 超类(或者父类)`来重写这段代码:
```js
function Animal() { };
Animal.prototype = {
constructor: Animal,
describe: function() {
console.log("My name is " + this.name);
}
};
```
`Animal`构造函数中定义了`describe`方法,可将`Bird``Dog`这两个构造函数的方法删除掉:
```js
Bird.prototype = {
constructor: Bird
};
Dog.prototype = {
constructor: Dog
};
```
# --instructions--
`Cat``Bear`重复定义了`eat`方法。本着`DRY`的原则,通过将`eat`方法移动到`Animal 超类`中来重写你的代码。
# --hints--
`Animal.prototype`应该有`eat`属性。
```js
assert(Animal.prototype.hasOwnProperty('eat'));
```
`Bear.prototype`不应该有`eat`属性。
```js
assert(!Bear.prototype.hasOwnProperty('eat'));
```
`Cat.prototype`不应该有`eat`属性。
```js
assert(!Cat.prototype.hasOwnProperty('eat'));
```
# --seed--
## --seed-contents--
```js
function Cat(name) {
this.name = name;
}
Cat.prototype = {
constructor: Cat,
eat: function() {
console.log("nom nom nom");
}
};
function Bear(name) {
this.name = name;
}
Bear.prototype = {
constructor: Bear,
eat: function() {
console.log("nom nom nom");
}
};
function Animal() { }
Animal.prototype = {
constructor: Animal,
};
```
# --solutions--
```js
function Cat(name) {
this.name = name;
}
Cat.prototype = {
constructor: Cat
};
function Bear(name) {
this.name = name;
}
Bear.prototype = {
constructor: Bear
};
function Animal() { }
Animal.prototype = {
constructor: Animal,
eat: function() {
console.log("nom nom nom");
}
};
```