js高级——原型对象继承的实现

1、原型继承：利用原型中的成员可以被和其相关的对象共享这一特性，可以实现继承

2、原型继承的写法

（1）给原型对象中添加成员（通过对象的动态特性，其实不是严格意义上的继承）

function Person(name,age){

    this.name = name;

    this.age = age;

}

Person.prototype.sayHello = function(){

    console.log("sayHello()");

};

var p = new Person("张学友",18);

p.sayHello(); //通过原型去添加sayHello()方法

//这里的p对象就继承了原型对象

就是说原来这个对象里面没有某个方法/属性，通过上面这种方式去添加成员。对象继承原型，然后原型里面新增方法，那么这个对象里面就有这么一个方法

（2）直接替换原型对象：其实原理还是对象继承原型（虽然可以实现原型继承，但是很可能原有原型中的成员会丢失）

function Person(name,age){

    this.name = name;

    this.age = age;

}

var parent = { //让p对象继承parent对象

    sayHello:function(){

        console.log("你好");

    }

    };

Person.prototype = parent;                //把parent变成构造函数的原型就可以让p对象去继承parent对象了

var p = new Person("张学友",18);

p.sayHello();

（3）利用混入的方式给原型对象添加成员（还是对象继承原型）

function Person(name,age){

    this.name = name;

    this.age = age;

}

var parent = {

    sayHello:function(){

        console.log("你好呀");

    }

};

for(var k in parent){

    Person.prototype[k] = parent[k]; //因为是要给原型添加这个sayHello()方法

}

var p = new Person("张学友",18);

p.sayHello();