24_面向对象程序设计(原型【七】深入解析原型继承的概念

    我们都知道构造函数、原型和实例直接的关系,如果我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然此时的原型对象将包含一个指向另一个原型的指针,相应的另一个原型中也包含着一个指向另一个构造函数的指针(即实现了原型链继承)。

//JS中怎么去实现继承:采用原型链的概念
//构造函数 原型对象 实例对象
//1 构造函数.prototype = 原型对象
//2 原型对象.constructor = 构造函数(模板)
//3 原型对象.isPrototypeOf(实例对象) 判断实例对象的原型是不是当前对象
//4 构造函数 实例对象 (类和实例的关系,通过new关键字)

//父类构造函数 Super
function Super(name){
    this.name = name;
};

//父类的原型对象
Super.prototype = {
    constructor : Super,
    sayName : function(){
        console.info(this.name);
    }
};

//子类构造函数 Sub
function Sub(age){
    this.age = age;
};

//如果我们让子类的原型对象等于父类的实例对象,结果会怎样呢??(实现了js的继承)
//1 子类的原型对象(即父类的实例对象)将与父类的原型对象有一个关系
//    Super的实例对象 和 Super的原型对象有一个关系
//2 父类的原型中包含着一个指向父类构造函数的指针
//  Sub类的原型对象的构造器变成了Super类的构造器
// 经过以上步骤形成了一个链式结构
//

Sub.prototype = new Super("张三");
console.info(Sub.prototype.constructor); //Super
var sub1 = new Sub();
console.info(sub1.name);
sub1.sayName();

    原型链:利用原型让一个引用类型继承另外一个引用类型的属性和方法。

24_面向对象程序设计(原型【七】深入解析原型继承的概念_第1张图片

你可能感兴趣的:(24_面向对象程序设计(原型【七】深入解析原型继承的概念)