浅析js中的继承

在js中继承主要是依靠原形链来实现。如果不了解原型相关知识，建议读者先去了解原形链。

每个构造函数都有一个原型对象（prototype），原型对象都包含一个指向构造函数的指针（constructor），而实例都包含一个指向原型对象的内部指针成为隐式原型（__proto__）。

组合继承

//父类
function Parent() {
    this.name = 'parent';
}

Parent.prototype.getName = function() {
    console.log(this.name);
}

//子类
function Child() {
    //继承父类的属性
    Parent.call(this);          //第二次调用Parent()
}

//子类的原型 指向父类的实例对象
Child.prototype = new Parent(); //第一次调用Parent()
//修正子类的constructor指向
Child.prototype.constructor = Child;

原型继承

//父类
var parent = {
    name: 'parent'
    getName: function() {
        console.log(this.name);
    }
};

//代理中介
function object(o) {
    var F = function(){};
    F.prototype = o;
    return new F();
}

//子类
var child = object(parent);

寄生式组合继承

结合第一、二中方法，我们实现了更高校的第三种寄生组合式继承。

//父类

function Parent() {

this.name = 'parent';

}

Parent.prototype.getName = function() {
console.log(this.name);
}

//代理中介
function object(o) {
var F = function(){};
F.prototype = o;
return new F();
}

//子类原型 继承父类的原型
function inhertPrototype(Parent, Child) {
var prototype = obj(Parent.prototype);
prototype.constructor = Child;
Child.prototype = prototype;
}

//子类
function Child() {
//继承父类的属性
Parent.call(this);
}

//子类继承父类
inhertPrototype(Parent, Child);


关注我的微博： http://weibo.com/u/3059735367
关注我的github博客： http://aralic.github.io/

转载于:https://www.cnblogs.com/Aralic/p/4508905.html