继承(构造函数+原型对象模拟实现继承)

Posted wtsx-2019

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了继承(构造函数+原型对象模拟实现继承)相关的知识,希望对你有一定的参考价值。

继承

我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承。
call()

调用这个函数, 并且修改函数运行时的this 指向

fun.call(thisArg, arg1, arg2, ...);call把父类的this指向子类

thisArg :当前调用函数this 的指向对象

arg1,arg2:传递的其他参数

利用构造函数实现子类的继承:

属性的继承

function Father (uname,age) {
            // this指向父类的实例对象
            this.uname = uname;
            this.age = age;
            // 只要把父类的this指向子类的this既可
        }
        function Son (uname, age,score) {
            // this指向子类构造函数
            // this.uname = uname;
            // this.age = age;
            // Father(uname,age);
            Father.call(this,uname,age);
            this.score = score;
        }
        Son.prototype.sing = function () {
            console.log(this.uname + ‘唱歌‘)
        }
        var obj = new Son(‘刘德华‘,22,99);
        console.log(obj.uname);
        console.log(obj.score);
        obj.sing();

方法的继承:

实现方法把父类的实例对象保存给子类的原型对象

一般情况下,对象的方法都在构造函数的原型对象中设置,通过构造函数无法继承父类方法。核心原理:

①将子类所共享的方法提取出来,让子类的prototype 原型对象= new 父类()  

②本质:子类原型对象等于是实例化父类,因为父类实例化之后另外开辟空间,就不会影响原来父类原型对象

③将子类的constructor指向原构造函数

把父类的实例对象赋值给子类的原型
function Father () {

        }
        Father.prototype.chang = function () {
            console.log(‘唱歌‘);
        }

        function Son () {

        }
        // Son.prototype = Father.prototype;
        Son.prototype = new Father();
        var obj = new Son();
        obj.chang();

        Son.prototype.score = function () {
            console.log(‘考试‘);
        }

        // obj.score();
        // console.log(Son.prototype);
        console.log(Father.prototype);

注意:一定要让Son指回构造函数

实现继承后,让Son指回原构造函数
实现继承后,让Son指回原构造函数

Son.prototype = new Father();

Son.prototype.constructor = Son;

总结:用构造函数实线属性继承,用原型对象实线方法继承

 

以上是关于继承(构造函数+原型对象模拟实现继承)的主要内容,如果未能解决你的问题,请参考以下文章

js 继承与原型链

理解js中是原型链? 如何实现继承?

算法-javascript自实现继承extend(单次继承原型对象和单次继承构造函数)

javascripe之继承

JSJavaScript继承 - 原型链 - 盗用构造函数 - 组合继承 -原型式继承 - 寄生式继承 - 寄生式组合继承

javascript 的继承