js中的原型继承

组合继承

组合继承是最常用的继承方式。

	function Parent(value) {
        this.val = value
    }
    Parent.prototype.getValue = function() {//在Parent上建一个getVlaue的方法
        console.log(this.val)
    }
    function Child(value) {
        Parent.call(this, value)
    }
    Child.prototype = new Parent()
    const child = new Child('我是儿子')
    child.getValue() //调用方法 打印出 “我是儿子”
    console.log(child instanceof Parent);// true

以上继承的方式核心是在子类的构造函数中通过 Parent.call(this) 继承父类的属性，然后改变子类的原型为 new Parent() 来继承父类的函数。

这种继承方式优点在于构造函数可以传参，不会与父类引用属性共享，可以复用父类的函数，但是也存在一个缺点就是在继承父类函数的时候调用了父类构造函数，导致子类的原型上多了不需要的父类属性，存在内存上的浪费。

寄生组合继承

这种继承方式对组合继承进行了优化，组合继承缺点在于继承父类函数时调用了构造函数，我们只需要优化掉这点就行了。

	function Parent(value) {
        this.val = value
    }
    Parent.prototype.getValue = function() {
        console.log(this.val)
    }

    function Child(value) {
        Parent.call(this, value)
    }
    Child.prototype = Object.create(Parent.prototype, {
        constructor: {
            value: Child,
            enumerable: false,
            writable: true,
            configurable: true
        }
    })

    const child = new Child('我是儿子')

    child.getValue() //调用方法 打印出 “我是儿子”
    console.log(child instanceof Parent);// true

以上继承实现的核心就是将父类的原型赋值给了子类，并且将构造函数设置为子类，这样既解决了无用的父类属性问题，还能正确的找到子类的构造函数。