原生js的8种继承方式及缺点

1.原型链继承

Grand.prototype.lastName = "Yang";
function Grand(){
}
var grand = new Grand();
Father.prototype = grand;
function Father(){
}
var father = new Father();
Son.prototype = father;
function Son (){
}
var son = new Son();

缺点:
(1)过多地继承了没用的属性
(2)不支持多继承,子类只能继承自一个父类
(3)创建子类实例时,无法向父类构造函数传参

2.通过callapply借用构造函数

function Person(name,age,sex){
    this.name = name;
    this.age = age;
    this.sex = sex;
}
function Student(name,age,sex,grade){
    Person.call(this,name,age,sex);
    this.grade = grade;
}
var student = new Student();

缺点:
(1)不能借用构造函数的原型
(2)每次构造函数都要多走一个函数,增加了函数调用。

3.公有原型

Father.prototype.lastName = "Yang";
function Father(){
}
function Son(){
}
Son.prototype = Father.prototype;
var father = new Father();
var son = new Son();

缺点:
不能随便改动自己的原型,一个改了,另一个也会跟着改。

4.圣杯模式

var inherit = (function()
{
var F = function(){};
return function(Target,Origin){
    F.prototype = Origin.prototype;
    Target.prototype = new F();
    Target.prototype.constructor = Target;
    Target.prototype.uber = Origin.prototype;
}());

缺点:perfect
5.实例继承

function Father(){};
function Son(name){
    var instance = new Father();
    instance.name = name;
    return instance;
}
var son = new Son();

缺点:
(1)返回的实例是父类的,而不是子类本身的。
(2)不支持多继承。

6.拷贝继承

function Father(){};
function Son(name){
    var father = new Father();
    for(var prop in father){
        Son.prototype[prop] = father[prop];//最好用deepClone
    }
    this.name = name;
}
var son = new Son();

缺点:
(1)效率低,占内存
(2)无法获取父类不可枚举的方法

7.组合继承

function Father(name){};
function Son(){
    Father.call(this);
    this.name = name;
}
Son.prototype = new Father();
Son.prototype.constructor = Son;
var son = new Son();

缺点:
调用了两次父类构造函数。

8.寄生组合继承:
组合继承 + 圣杯模式

参考自腾讯课堂渡一教育,及幻天芒博客https://www.cnblogs.com/humin/p/4556820.html

你可能感兴趣的:(原生js的8种继承方式及缺点)