原型继承面试题精讲
HTML5学堂：最近看到一道考察面向对象、原型继承的面试题，关于一只小狗狗和一只“精力旺盛”的小狗狗的故事~今天就来讲讲这个吧。
题目要求
有一条可爱的小狗(名字叫“小狗狗”)，它的叫声很好听(wow)，每次看到主人的时候就会乖乖叫(yelp)。
另一只小狗精力很旺盛（名字叫做“精力旺盛的狗狗”），每隔5秒叫唤(yelp)一声(wow)。
使用面向对象的混合模式实现小狗的创建
function Dog() {
this.name = '小狗狗';
this.wow = 'wow';
}
Dog.prototype.yelp = function() {
console.log(this.wow);
}精力旺盛的狗狗继承狗狗的基本特点
使用call实现属性的继承，使用for-in循环实现功能/方法的继承
function MadDog() {
Dog.call(this);
this.name = '精力旺盛的狗狗';
}
for (var i in Dog.prototype) {
MadDog.prototype[i] = Dog.prototype[i];
};如上代码还进行了狗狗name这个属性的重写
实现方法的重写
MadDog.prototype.yelp = function () {
var _this = this;
setInterval(function(){
console.log(_this.wow);
}, 5000);
}最后，奉上完整版代码
/*
* author: HTML5学堂
* http://www.h5course.com
*/
function Dog() {
this.name = '小狗狗';
this.wow = 'wow';
}
Dog.prototype.yelp = function() {
console.log(this.wow);
}
function MadDog() {
Dog.call(this);
this.name = '精力旺盛的狗狗';
}
for (var i in Dog.prototype) {
MadDog.prototype[i] = Dog.prototype[i];
};
MadDog.prototype.yelp = function () {
var _this = this;
setInterval(function(){
console.log(_this.wow);
}, 5000);
}
var dog = new MadDog();
dog.yelp();本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2016-04-06，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录