2.6 KiB
2.6 KiB
id, title, challengeType, forumTopicId, dashedName
id | title | challengeType | forumTopicId | dashedName |
---|---|---|---|---|
587d7db0367417b2b2512b83 | 使用繼承避免重複 | 1 | 301334 | use-inheritance-so-you-dont-repeat-yourself |
--description--
有一條原則叫做:Don't Repeat Yourself。常以縮寫形式 DRY 出現,意思是“不要自己重複”。 編寫重複代碼會產生的問題是:任何改變都需要去多個地方修復所有重複的代碼。 這通常意味着我們需要做更多的工作,會產生更高的出錯率。
請觀察下面的示例,Bird
和 Dog
共享 describe
方法:
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
supertype
(或者父類)來重寫這段代碼:
function Animal() { };
Animal.prototype = {
constructor: Animal,
describe: function() {
console.log("My name is " + this.name);
}
};
Animal
構造函數中定義了 describe
方法,可將 Bird
和 Dog
這兩個構造函數的方法刪除掉:
Bird.prototype = {
constructor: Bird
};
Dog.prototype = {
constructor: Dog
};
--instructions--
Cat
和 Bear
重複定義了 eat
方法。 本着 DRY 的原則,通過將 eat
方法移動到 Animal``supertype
中來重寫你的代碼。
--hints--
Animal.prototype
應該有 eat
屬性。
assert(Animal.prototype.hasOwnProperty('eat'));
Bear.prototype
不應該有 eat
屬性。
assert(!Bear.prototype.hasOwnProperty('eat'));
Cat.prototype
不應該有 eat
屬性。
assert(!Cat.prototype.hasOwnProperty('eat'));
--seed--
--seed-contents--
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--
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");
}
};