JavaScript进阶——继承

1. 继承

ES6之前并没有给我们提供extends继承,我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承

1.1 call()

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

fun.call(thisArg,arg1,arg2,...)
复制代码
  • thisArg:当前调用函数this的指向对象
  • arg1,arg2:传递的其他参数

image.png

1.2 借用构造函数继承父类型属性

核心原理:通过call()把父类型的this指向子类型的this,这样就可以实现子类型继承夫类型的属性。

        // 借用父构造函数继承属性
        // 1.父构造函数
        function Father(uname, age) {
            // this 指向父构造函数的对象实例
            this.uname = name;
            this.age = age;
        }
        // 2.子构造函数
        function Son(uname, age) {
            // this 指向子构造函数的对象实例
            Father.call(this, uname, age);
        }
        var son = new Son("刘德华", 18);
        console.log(son);
复制代码

image.png

1.3 借用原型对象继承父类型方法

image.png

image.png

Son.prototype=Father.prototype; 这样直接赋值会有问题,如果修改了子原型的对象,父原型对象也会跟着一起变化
复制代码

正确做法:

        Son.prototype = new Father();
复制代码

image.png
注意:
如果利用对象修改了原型对象,别忘了利用constructor指回原来的构造函数

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享