js继承的三种实现

概念：在有些面向对象语言中，可以使用一个类（子类）继承另一个类（父类），子类可以拥有父类的属性和方法，这个功能可以在js中进行模拟。

 

三种方法：

第一种：扩展Object方法

Object.prototype.ext=function(parObject){//Object.prototype.ext在原型链上定义的ext所有的对象都可以访问到
    //循环遍历父类对象所有属性
    for(var i in parObject){
        //为子类对象添加这个遍历到的属性
        //它的值是父类对象这个属性的属性值
        this[i] = parObject[i];
    }
}
function Person(p_name,p_age){
    this.name=p_name;
    this.age=p_age;
    this.speak=function(){
        alert(this.name+this.age);
    }
}
function Student(p_no){
    this.no=p_no;
    this.say=function(){
        alert(this.no+this.name_this.age);
    }
}
var stu = new Student(101);
stu.ext(new Person('xiaoqiang',20));
stu.speak();
stu.say();

第二种：使用call和apply方法

function Person(p_name,p_age){
    this.name=p_name;
    this.age=p_age;
    this.speak=function(){
        alert(this.name+this.age);
    }
}
function Student(p_no,p_name,p_age){
    this.no=p_no;
    this.say=function(){
        alert(this.name+this.age+this.no);
    }
    Person.call(this,p_name,p_age);//this是上下文,后面的参数是传递给person的参数,参数的先后顺序要一一对应,如果是用apply则后面的参数要用数组
}
var stu = new Student(8,'zhagsan',18);
stu.speak();
stu.say();

第三种：原型继承

function Person(p_name,p_age){
    this.name=p_name;
    this.age=p_age;
    this.speak=function(){
        alert(this.name+this.age);
    }
}
function Student(p_no){
    this.no=p_no;
    this.say=function(){
        alert(this.name+this.age+this.no);
    }
}
Student.prototype = new Person('wangwu',21);
var stu = new Student(10);
stu.speak();
stu.say();