JavaScript继承模式粗探
需积分: 6 193 浏览量
2020-11-23
01:14:42
上传
评论
收藏 52KB PDF 举报
JavaScript继承模式粗探继承模式粗探
真正意义上来说Javascript并不是一门面向对象的语言，没有提供传统的继承方式，但是它提供了一种原型继承的方式，利用
自身提供的原型属性来实现继承。Javascript原型继承是一个被说烂掉了的话题，但是自己对于这个问题一直没有彻底理解，
今天花了点时间又看了一遍《Javascript模式》中关于原型实现继承的几种方法，下面来谈谈JS中比较简单的继承方法，如果
大家有不同意见，欢迎建议。
最基础的原型链继承在这里就不复述了，主要讲一下其他的继承模式。
1.借用构造函数继承借用构造函数继承
function Father (name) {
this.name=name;
}
function Son (name) {
Father.call(this,name); //在子类型中调用超类型的构造函数
this.age=15;
}
var me=new Son("Su");
好处：可以为子类型传递参数，如图中的name属性。
坏处：1.方法在构造函数中定义，无法复用。2.超类型原型中定义的方法对子类型是不可见的。
2.组合继承（综合原型链与构造函数）组合继承（综合原型链与构造函数）
//超类型构造函数function Father (name) {
this.name=name;
this.famMember=[];
}//超类型构造函数原型方法
Father.prototype.sayName=function () {
alert(this.name);
}//子类型构造函数
function Son (name,age) {
Father.call(this,name); //构造函数方法
this.age=age;
}
Son.prototype=new Father(); //重写子类型原型对象
Son.prototype.constructor=Son; //重写构造函数属性指向子类型
Son.prototype.sayAge=function () {
alert(this.age);
} //重写原型对象后再加入方法
var me=new Son("Su",15);
me.famMember.push("dad","mom"); //子类型可以调用超类型构造函数内的方法var he=new Son("Li",14);alert(he.famMember); // []
好处：不同的子类既可以拥有自己的属性，也可以使用相同的方法。
坏处：这种方法需要调用2次超类型的构造函数，同名的属性方法会被覆盖一次。
3.原型式继承原型式继承 (类似类似Object.create())
function object (o) {
function F () {}
F.prototype=o;
return new F();
}var obj={}; //将obj对象传入作为新对象的原型。var me=object(obj);
使用这种方法继承需要有一个对象作为原型对象，所以所有继承其的子类型的属性方法都是共用的。
ES5通过新增Object.creatr()方法规范了原型式继承。
4.寄生式继承寄生式继承 (可以设置私有方法的原型式继承可以设置私有方法的原型式继承)
function object (o) {
function F () {}
F.prototype=o;
return new F();
}
var obj={}; //将obj对象传入作为新对象的原型。到这里都与原型式继承相同function creObj(o) { var clone=object(obj); clone.sayHi=function () {
alert("Hi"); };return clone; }
var me=creObj(obj);
好处：这种方式弥补了原型式继承只有公有属性方法的缺陷，使子类型能有私有属性方法。
评论0