JS继承方式及其优缺点总结

1.原型链继承

-  优点:最简单的方式,将子类的原型指向父类的实例即可。
-  缺点:一是引用类型的属性被所有实例共享,修改堆内存数据时会将所有实例数据都修改,但是直接创建新的存储对象就不会产生这个错误。二是创建子类实例时不能向超类型的构造函数中传递参数。(因此开发中很少单独使用原型链)

2.借用构造函数(类式继承)

-   优点:能实现属性的继承,也可以在子类型创建实例时为父类型传递参数。
-   缺点:借用构造函数虽然解决了刚才的问题,但不能继承构造函数的原型,只能继承构造函数的属性和方法。因此每次创建子类实例时都会调用构造函数、复制构造函数,会影响性能。
-   所以我们需要原型链+借用构造函数的模式,这种模式称为组合继承。

3.组合式继承

-   优点:组合式继承是比较常用的一种继承方法,其背后的思路是使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数复用,又保证每个实例都有它自己的属性,结合了原型链继承和借用构造函数的优点。
。  缺点:如果再添加一个子类型给这个子类型原型上单独添加一个方法那么其他子类型也同时拥有这个方法,因为他们都指向同一个父类型原型。

4.原型式继承

        原型式继承的的实现方法与普通继承的实现方法不同,原型式继承并没有使用严格意义上的构造函数,而是借
助原型可以基于已有的对象创建新对象,同时还不必因此创建自定义类型。

-   优点:没有创建自定义类型,因为只是套了个壳子返回对象,这个函数顺理成章就成了创建的新对象。
-  缺点:没用到原型,无法复用。

5.寄生继承

-   优缺点:跟构造函数继承类似,调用一次函数就得创建一遍方法,无法实现函数复用,效率较低

6.寄生组合式继承

-   结合组合继承优点、寄生继承的优点,目前JS继承中使用的都是这个继承方法。组合继承的缺点是两次调用父级构造函数,一次是在创建子级原型时一个是在子级构造函数内部,而这个缺点我们可以用寄生继承的特性来优化,减少一次调用父级构造函数,也就是继承父级构造函数的原型来创建子级原型。

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
JavaScript中实现继承方式有以下几种: 1. 原型链继承 优点:简单方便,易于理解和实现。 缺点:父类的引用属性会被多个实例共享,可能会出现意外修改;子类无法向父类构造函数传递参数。 示例代码: ```javascript function Animal() { this.species = 'animal'; } function Cat() {} Cat.prototype = new Animal(); ``` 2. 借用构造函数继承 优点:可以在子类构造函数中向父类构造函数传递参数;解决了父类引用属性被多个实例共享的问题。 缺点:无法实现函数的复用。 示例代码: ```javascript function Animal(name) { this.name = name; } function Cat(name) { Animal.call(this, name); } ``` 3. 组合继承 优点:综合了原型链继承和借用构造函数继承的优点,既可以实现函数的复用,又可以向父类构造函数传递参数。 缺点:父类构造函数会被调用两次,造成了一些不必要的消耗。 示例代码: ```javascript function Animal(name) { this.name = name; } Animal.prototype.sayHello = function() { console.log('Hello, my name is ' + this.name); }; function Cat(name) { Animal.call(this, name); } Cat.prototype = new Animal(); Cat.prototype.constructor = Cat; ``` 4. 原型式继承 优点:简单方便,可以在不必创建构造函数的情况下实现继承。 缺点:引用属性会被共享,可能会造成意外修改。 示例代码: ```javascript function createObject(obj) { function F() {} F.prototype = obj; return new F(); } var animal = { species: 'animal' }; var cat = createObject(animal); ``` 5. 寄生式继承 优点:可以在不必创建构造函数的情况下实现继承,可以为对象添加专门的方法。 缺点:引用属性会被共享,可能会造成意外修改。 示例代码: ```javascript function createObject(obj) { var clone = Object.create(obj); clone.sayHello = function() { console.log('Hello, my name is ' + this.name); }; return clone; } var animal = { species: 'animal' }; var cat = createObject(animal); ``` 总体来说,不同的继承方式各有优缺点,应根据具体的需求来选择合适的方式
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值