JS-继承

JS-继承

在ES6之前里并没有 extends 方法提供继承，我们可以通过 构造函数+原型对象模拟实现继承。 称为组合继承

1. call() 方法

function.call(thisArg,arg1,arg2,...)
// thisArg 要修改this指向的目标
// arg1,arg2 函数需要传入的参数

2. 通过构造函数继承父类属性

原理：利用call() 方法，把父类的this 改为 指向子类的this，这样在 调用父类的构造函数时，就可以给子类赋值

        // 1. 父构造函数
        function Father(name, age) {
            // 这里的 this指向父构造函数的对象实例
            this.name = name
            this.age = age
        }
        // 2. 子构造函数
        function Son(name, age) {
            // 把 this 改成指向Son的this
            Father.call(this, name, age)
        }
        let son1 = new Son('hds', 20)
        console.log(son1);
				// son1成功输出name和age

3.利用原型对象继承父类的方法

核心原理： 将父类的实例赋值给子类的 prototype , 这样可以通过原型链传递获得父类的方法

  			// 给 Son.prototype 赋值一个 Father 的实例
        // 修改了原型对象后， 别忘记constuctor 指回原来的构造函数
        Son.prototype = new Father()
        Son.prototype.constructor = Son

示例图

4. 类的本质

1. 类的本质是函数
2. 类的所有方法都定义在类的 prototype 上
3. 类创建的实例里，也有 __ proto__ 指向类的 prototype 原型对象
4. ES6里的写法ES5里大部分豆科野实现，class 只是让写安放更清晰
5. 所以ES6 里的class 就是语法糖