目录

1 原型式继承

场景

前置问题

实现方法

2 借用构造函数实现继承

前置问题

错误的实现方式

正确的实现方式

---

1 原型式继承

场景

a、创建一个纯洁的对象：对象在控制台打印什么属性都没有

b、创建一个继承自某个父对象的子对象

前置问题

一个对象里有很多属性是不用的，加之在调式的属性过多，不便于调试

实现方法

  - a空对象：Object.create(null)

  - b情况：
        var o1={ say:function(){} }
        var o2=Object.create(o1);

此时，o2.__proto__===o1,没有构造函数

2 借用构造函数实现继承

场景：适用于2种构造函数之间逻辑有相似的情况

原理：函数的call、apply调用方式

局限性：Animal(父类构造函数）的代码必须完全适用于Person（子类构造器）

前置问题

有两构造函数，大部分属性极其相似，能否实现简化代码？

function Animal(name,age,gender){
        this.name=name;
        this.age=age;
        this.gender=gender;
    }
function Person(name,age,gender,say){
        this.name=name;
        this.age=age;
        this.gender=gender;
        this.say=function(){}
    }

错误的实现方式

为什么错误？
答：因为Animal(name,age,gender);这种函数的调用方式，函数内部的this只能指向window

<script>
    function Animal(name,age,gender){
        this.name=name;
        this.age=age;
        this.gender=gender;
    }
    function Person(name,age,gender,say){
        Animal(name,age,gender);
        this.say=say;
    }
    var p1=new Person("name1",18,"女",
        function(){

    });
</script>

 

正确的实现方式

函数调用的目的：将Animal函数内部的this指向Person的实例

<script>
    function Animal(name, age, gender) {
        this.name = name;
        this.age = age;
        this.gender = gender;
    }
    function Person(name, age, gender, say) {
        //Animal.call(this,name,age,gender)
        //-->等价于：
        Animal.apply(this, [name, age, gender])
        this.say = say;
    }
    var p1 = new Person("name1", 18, "女",
        function () {

        });
</script>