继承

继承

一、对象冒充继承，也称为构造继承

核心：使用call，以对象冒充的形式调用父类的构造函数，相当于是复制父类的实例属性给子类

缺点：只能继承父类构造函数中的属性和方法，无法继承原型中的属性和方法

        function Person(name,age){
            this.name=name;
            this.age=age;
            this.run=function(){
                console.log('正在跑步')
            }
        }
​
        Person.prototype.sex='male';
        Person.prototype.show=function(){
            console.log('我叫'+this.name+',年龄：'+this.age+',性别：'+this.sex);
        }
        /* 
            方式1：对象冒充继承，也称为构造继承
         */
​
        function Student(name,age){
             Person.call(this,name,age); //此处Person中的this指向的是将来创建的Student对象，所以称为对象冒充
         }
​
        var stu=new Student('tom',20); 
        // 可以继承父类构造函数中的属性和方法
        console.log(stu.name,stu.age);
        stu.run();
        //  无法继承父类原型中的属性和方法
        console.log(stu.sex);
        stu.show();

二、原型链继承

核心：使用prototype，将父类的实例作为子类的原型

缺点：创建子类实例时，无法向父类构造函数传参，导致继承的父类属性没有值

     function Student(name,age){
​
        }
​
        Student.prototype=new Person(); //将Student原型指向Person对象，从而继承Person
​
        var stu=new Student('tom',20);
        console.log(stu.name,stu.age); //name和age属性都是undefined
        stu.run();
        console.log(stu.sex);
        stu.show(); 

三、组合继承

对象冒充+原型链

     function Student(name,age){
            Person.call(this,name,age); //对象冒充
        }
        // Student.prototype=new Person(); //原型链   //方式3.1：调用了两次父类构造函数，生成了两份父类的实例(子类实例将子类原型上的那份屏蔽了，所以性能稍微差一点)
        Student.prototype=Person.prototype; //方式3.2：将Student原型指向Person原型
​
        var stu=new Student('tom',20);
        console.log(stu.name,stu.age); 
        stu.run();
​
        console.log(stu.sex);
        stu.show();