JavaScript设计模式-原型模式(继承)

原型继承：

1.构造函数继承

    在子类构造函数中，执行父类的构造函数，实现对父类构造函数的复用。

2.类式继承

    在子类的原型上，实例化父类，实现对父类的原型继承。

3.组合继承

     综合使用构造函数继承和类式继承

 

构造函数继承

//父类
var Person=function(name){
    this.name=name;
}
Person.prototype={
    age:18,
    sayHello:function(){
        console.log('hi,i am ',this.name);
    }
};

//子类
var Chinese=function(name,phone){
    Person.call(this,name);
    this.phone=phone;
}

var person1=new Chinese('yangzhi','13333333333');
console.log(person1);

 

类式继承

//父类
var Person=function(name){
    this.name=name;
}
Person.prototype={
    age:18,
    sayHello:function(){
        console.log('hi,i am ',this.name);
    }
};

//子类
var Chinese=function(name,phone){
    this.name=name;
    this.phone=phone;
}
Chinese.prototype=new Person();
var person1=new Chinese('yangzhi','13333333333');
console.log(person1);

 

组合继承

//父类
var Person=function(name){
    this.name=name;
}
Person.prototype={
    age:18,
    sayHello:function(){
        console.log('hi,i am ',this.name);
    }
};

//子类
var Chinese=function(name,phone){
    Person.call(this,name);
    this.phone=phone;
}
Chinese.prototype=new Person();
var person1=new Chinese('yangzhi','13333333333');
console.log(person1);