一、原型链继承

        function Person(){            this.name = 'Hello world';        }        Person.prototype.getName = function(){            console.log(this.name);        }        function Child(){                    }        Child.prototype = new Person();        var child1 = new Child();        child1.getName(); // Hello world

重点:让新实例的原型等于父类的实例。

长处:1、实例可继承的属性有:实例的构造函数的属性,父类结构函 数属性,父类原型的属性。(新实例不会继承父类实例的 属性!)

毛病:1、新实例无奈向父类构造函数传参。
   2、继承繁多。
   3、所有新实例都会共享父类实例的属性。(原型上的属性是共 享的,一个实例批改了原型属性,另一个实例的原型属性 也会被批改!)

二、构造函数继承

        function Person(){            this.name = 'xiaoming';            this.colors = ['red', 'blue', 'green'];        }        Person.prototype.getName = function(){            console.log(this.name);        }        function Child(age){            Person.call(this);            this.age = age        }        var child1 = new Child(23);        var child2 = new Child(12);        child1.colors.push('yellow');        console.log(child1.name); // xiaoming        console.log(child1.colors); // ["red", "blue", "green", "yellow"]        console.log(child2.colors); // ["red", "blue", "green"]

重点:用.call()和.apply()将父类构造函数引入子类函数(在子类 函数中做了父类函数的自执行(复制))

长处:1、只继承了父类构造函数的属性,没有继承父类原型的属性。
   2、解决了原型链继承毛病1、2、3。
   3、能够继承多个构造函数属性(call多个)。
   4、在子实例中可向父实例传参。

毛病:1、只能继承父类构造函数的属性。
   2、无奈实现构造函数的复用。(每次用每次都要从新调用)
   3、每个新实例都有父类构造函数的正本,臃肿。

三、组合继承(组合原型链继承和借用构造函数继承)(罕用)

       function Parent(name){            this.name = name;            this.colors = ['red', 'blue', 'green'];        }        Parent.prototype.getName = function(){            console.log(this.name);        }        function Child(name,age){            Parent.call(this,name);// 第二次调用 Parent()            this.age = age;        }        Child.prototype = new Parent(); // 第一次调用 Parent()        var child1 = new Child('xiaopao',18);        var child2 = new Child('lulu',19);

重点:联合了两种模式的长处,传参和复用

长处:1、能够继承父类原型上的属性,能够传参,可复用。
   2、每个新实例引入的构造函数属性是公有的。

毛病:调用了两次父类构造函数(耗内存),子类的构造函数会代替原型上的那个父类构造函数。

四、原型式继承

       function CreateObj(o){            function F(){}            F.prototype = o;            console.log(o.__proto__ === Object.prototype);            console.log(F.prototype.constructor === Object); // true            return new F();        }        var person = {            name: 'xiaopao',            friend: ['daisy','kelly']        }        var person1 = CreateObj(person);        // var person2 = CreateObj(person);        person1.name = 'person1';        // console.log(person2.name); // xiaopao        person1.friend.push('taylor');        // console.log(person2.friend); // ["daisy", "kelly", "taylor"]        // console.log(person); // {name: "xiaopao", friend: Array(3)}        person1.friend = ['lulu'];        // console.log(person1.friend); // ["lulu"]        // console.log(person.friend); //  ["daisy", "kelly", "taylor"]        // 留神: 这里批改了person1.name的值,person2.name的值并未扭转,并不是因为person1和person2有独立的name值,而是person1.name='person1'是给person1增加了name值,并非批改了原型上的name值        // 因为咱们找对象上的属性时,总是先找实例上对象,没有找到的话再去原型对象上的属性。实例对象和原型对象上如果有同名属性,总是先取实例对象上的值

重点:用一个函数包装一个对象,而后返回这个函数的调用,这个函数就变成了个能够随便削减属性的实例或对象。object.create()就是这个原理。

长处:相似于复制一个对象,用函数来包装。

毛病:1、所有实例都会继承原型上的属性。
   2、无奈实现复用。(新实例属性都是前面增加的)

五、寄生式继承

       var ob = {            name: 'xiaopao',            friends: ['lulu','huahua']        }        function CreateObj(o){            function F(){};  // 创立一个构造函数F            F.prototype = o;            return new F();        }        // 下面CreateObj函数 在ECMAScript5 有了一新的标准写法,Object.create(ob) 成果是一样的 , 看上面代码        var ob1 = CreateObj(ob);        var ob2 = Object.create(ob);        console.log(ob1.name); // xiaopao        console.log(ob2.name); // xiaopao        function CreateChild(o){            var newob = CreateObj(o); // 创建对象 或者用 var newob = Object.create(ob)            newob.sayName = function(){ // 加强对象                console.log(this.name);            }            return newob; // 指定对象        }        var p1 = CreateChild(ob);        p1.sayName(); // xiaopao 

重点:就是给原型式继承里面套了个壳子。

长处:没有创立自定义类型,因为只是套了个壳子返回对象(这个),这个函数牵强附会就成了创立的新对象。

毛病:没用到原型,无奈复用。

六、寄生组合式继承(罕用)

        function Parent(name){            this.name = name;            this.colors = ['red', 'blue', 'green'];        }        Parent.prototype.sayName = function(){            console.log(this.name);        }        function Child(name,age){            Parent.call(this,name);             this.age = age;        }        function CreateObj(o){            function F(){};            F.prototype = o;            return new F();        }        // Child.prototype = new Parent(); // 这里换成上面        function prototype(child,parent){            var prototype = CreateObj(parent.prototype);            prototype.constructor = child;            child.prototype = prototype;        }        prototype(Child,Parent);        var child1 = new Child('xiaopao', 18);        console.log(child1); 

重点:修复了组合继承的问题

七、class继承

class Parent5 {  constructor() {    this.name = ['super5']  }  reName() {    this.name.push('new 5')  }}class Child5 extends Parent5 {  constructor() {    super()  }}var child51 = new Child5()var child52 = new Child5()