JS繼承

1.繼承父類屬性和方法，同時擁有自己的屬性和方法。
2.每一個對象創建出來的時候，都初始化一個proto屬性。
3.對象冒充：.call(this指向，參數列表)
.apply(this指向，[參數列表]);

繼承方法:

(1).原型鏈

window.onload=function(){
        function Person(name,age){
                this.name=name;
                this.age=age;
                if(typeof this.show != "function"){
                        Person.prototype.show=function(){
                                alert("I am "+this.name);
                        }
                }
        }
        function Student(id,score){
                this.id=id;
                this.score=score;
                if(typeof this.show != "function"){
                        Student.prototype.show=function(){
                                alert("score is "+this.score);
                        }
                }
        }
        var s1=new Student();
        console.log(s1);
        s1.show(); //student里的show方法
        Student.prototype=new Person();
        var s2=new Student();
        console.log(s2);
        s2.show(); //是Person里的show方法
}

2.對象冒充

window.onload=function(){
        function Person(name,age){
                this.name=name;
                this.age=age;
                if(typeof this.show != "function"){
                        Person.prototype.show=function(){
                                alert("I am "+this.name);
                        }
                }
                console.log(name,age)
        }
        function Student(id,name,age,score){
                this.id=id;
                this.score=score;
                if(typeof this.show != "function"){
                         Student.prototype.show=function(){
                                 alert("score is "+this.score);
                         }
                }
                alert(this);
                Person.call(this,name,age);//對象冒充，call:將this指向Student,函數調用時原本指向Person；
        }
        var s=new Student("01","mm",18,180);
        console.log(s);
        s.show(); //調用student函數；
        //對象冒充 并非真正繼承，而是通過 （調用函數） 改變this指向 冒充 被繼承對象 創建 對象和屬性，所以 似乎被繼承對象 的原型里 的屬性和方法 不能被 冒充對象 調用。
}

3.組合繼承：對象冒充 + 原型繼承

window.onload=function(){
        //組合繼承 ： 對象冒充 + 原型繼承
        function Person(name,age){
                this.name=name;
                this.age=age;
                if(typeof this.show != "function"){
                        Person.prototype.show=function(){
                                alert("I am "+this.name);
                        }
                }
        }
        function Student(id,name,age,score){
                this.id=id;
                this.score=score;
                if(typeof this.show != "function"){
                        Student.prototype.show=function(){
                                alert("score is "+this.score);
                        }
                }
                Person.call(this,name,age);//對象冒充，call:將this指向Student,函數調用時原本指向Person；
        }
        var s1=new Student("01","mm",18,180);
        console.log(s1);
        s1.show();  // 調用student函數；person里的show函數不被繼承！！！

        Student.prototype=new Person(); // 原型繼承
        var s2=new Student("02","yy",19,200);
        //Student.prototype=new Person(); // 原型繼承
        console.log(s2);
        s2.show();//調用Person里的函數show（因為Student里無函數show,注意順序問題！！），若無判斷，則調用Student里的函數show。
}