第一种方式：js使用构造函数的继承。
缺点：无法继承父类的原型链。
// 构造函数继承 缺点：没有继承原型链
function Parent1(){
this.name = 'Parent'
}
Parent1.prototype.sayParent = function(){
console.log('say Parent!')
}
function Child(){
Parent1.call(this)
this.type = 'child'
}
var child = new Child()
console.log(child) // 下面运行结果
child.sayParent() // 不能继承父类原型的方法
构造函数的继承运行结果
第二种：使用原型链继承的方式
// 缺点:父类的属性为引用类型时候，子类实例众多使用，有一个修改，其它也会变成修改值
function Parent2() {
this.name = "Parent";
this.ary = [1,2,3]
}
Parent2.prototype.sayParent = function() {
console.log("say Parent!");
};
function Child() {
this.type = "child";
}
Child.prototype = new Parent2();
var child1 = new Child();
var child2 = new Child();
console.log(child1.ary);
console.log(child2.ary);
child1.ary.push(5)
console.log(child1.ary);
console.log(child2.ary) // 这里也造成了ary 数组也增加了
child1.sayParent();
原型链继承的方式
第三种 // 使用组合继承的方式。
解决了上面两种缺点。
function Parent3() {
this.name = "Parent";
this.ary = [1,2,3]
}
Parent3.prototype.sayParent = function() {
console.log("say Parent!");
};
function Child() {
Parent3.call(this);
this.type = "child";
}
Child.prototype = Object.create(Parent3.prototype);
Child.prototype.constructor = Child;
var child1 = new Child();
var child2 = new Child();
console.log(child1.ary);
console.log(child2.ary);
child1.ary.push(5)
console.log(child1.ary);
console.log(child2.ary)
child1.sayParent();
console.log(child1.constructor);
组合继承的方式
网友评论