js（javascript）实现继承的6种方式以及优缺点详解

最新推荐文章于 2024-07-26 09:48:00 发布
最新推荐文章于 2024-07-26 09:48:00 发布
阅读量2k 收藏 11
点赞数 4
分类专栏： 前端JS javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53592673/article/details/111759078
版权
本文详细介绍了JavaScript中实现继承的6种方法：原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承和寄生组合式继承。每种方式的特点、优缺点都进行了阐述，强调了理解继承模式背后的思想对于实际编程的重要性。
摘要由CSDN通过智能技术生成

js继承的6种方式
想要继承，就必须要提供个父类（继承谁，提供继承的属性）
　　　　在这里插入图片描述

一、原型链继承
　　　　 在这里插入图片描述

重点：让新实例的原型等于父类的实例。
　　　　特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！）
　　　　缺点：1、新实例无法向父类构造函数传参。
　　　　　　　2、继承单一。
　　　　　　　3、所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原型属性，另一个实例的原型属性也会被修改！）
　　
　　二、借用构造函数继承
　　　　 在这里插入图片描述

重点：用.call()和.apply()将父类构造函数引入子类函数（在子类函数中做了父类函数的自执行（复制））
　　　　特点：1、只继承了父类构造函数的属性，没有继承父类原型的属性。
　　　　　　　2、解决了原型链

最低0.47元/天 解锁文章
程序牛0314
关注
专栏目录
JavaScript继承的6种方式以及它们的优缺点
X W F
05-13 277
文章目录1、原型链继承1）、引用类型的属性被所有实例共享，举个例子：2）、在创建 Child 的实例时，不能向Parent传参2、借用构造函数(经典继承)1）、避免了引用类型的属性被所有实例共享2）、可以在 Child 中向 Parent 传参3、组合继承4、原型式继承5、寄生式继承6、寄生组合式继承 1、原型链继承 function Parent () { this.name = 'kevin'; } Parent.prototype.getName = function () { co
浅谈js中的三种继承方式及其优缺点
11-23
第一种，prototype的方式： //父类 function person(){ this.hair = 'black'; this.eye = 'black'; this.skin = 'yellow'; this.view = function(){ return this.hair + ',' + this.eye + ',' + this.skin; } } //子类 function man(){ this.feature = ['beard','strong']; } man.prototype = new person(); var one
JS中的八种继承方法
最新发布
msq6678的博客
07-26 1224
↵详细讲解js中的八种继承方法,原型链继承、构造函数继承（经典继承）、组合面试、原型式继承、Object.create()、寄生式继承、寄生组合式继承、ES6类继承。
六种继承方式（js）
weixin_45773503的博客
09-26 510
1.简单原型链 // 创建要继承的父类 function Father() { // 自带的属性和方法 this.name = "li"; this.show = function() { console.log("帅"); } }; // 在父类的原型上添加方法 Father.prototype.c
js实现继承的方式以及各个方式的优缺点
我们明天会更好的博客
08-30 441
1、借助构造函数实现继承，缺点是不能继承Parent1的原型对象 /** * 借助构造函数实现继承 */ function Parent1(){ this.name = "parent1"; } function Child1(){ Parent1.call(this); this.type = "child1"; } 2、借助原型链实现继承，缺点是Parent2的原型对象是共用...
js继承的多种方式和优缺点
Big_YiFeng的博客
06-14 277
本文讲解JavaScript各种继承方式和优缺点。但是注意：这篇文章更像是笔记，哎，再让我感叹一句：《JavaScript高级程序设计》写得真是太好了！ 问题：1.引用类型的属性被所有实例共享，举个例子： 2.在创建 Child 的实例时，不能向Parent传参 优点：1.避免了引用类型的属性被所有实例共享2.可以在 Child 中向 Parent 传参举个例子： 缺点：方法都在构造函数中定义，每次创建实例都会创建一遍方法。原型链继承和经典继承双剑合璧。 优点：融合原型链继承和构造函数的优点，是 JavaS
js继承的几种方式及优缺点
wyk760629476的专栏
05-29 243
继承方式 原型链继承 利用cat.prototype =new Animal,连通了子类(cat)-子类原型(cat.prototype)-父类(animal) // 创建父类 function Animal(){ this.name = 'Animal' } // 添加共享方法eat Animal.prototype.eat = function(){ console.log(`${this.name} eat food!`) } // 创建子实例 functi...
JS继承实现方法及优缺点详解
10-14
JavaScript还提供了其他继承实现方式，如**组合继承**（结合了构造继承和原型链继承的优点，但存在两次调用父类构造函数的开销），**寄生组合继承**（通过寄生构造函数解决组合继承的重复调用问题），以及**原型式...
详解Javascript继承的实现
10-22
本文将深入探讨JavaScript继承的实现方式，以及其中的问题和解决方案。 首先，我们来看混合方式的实现，这种方式结合了原型链和对象冒充。在JavaScript中，构造函数是用于创建特定类型对象的函数。例如，`Employee`...
JS继承的6种方法详解以及优缺点对比
健子
08-21 2415
1. 原型链继承 方法 那么，如果让原型对象等于另一个对象的实例的话，这时原型对象的constructor属性指向另一个对象，原型对象的__proto__指向另一个对象的原型对... 举例：function SuperType(name) { this.name = name; } SuperType.prototype.getName = function() { return this.name; }; function SubType(age) { this.age = age; }
6种JavaScript继承方式及优缺点(小结)
10-15
主要介绍了6种JavaScript继承方式及优缺点(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Javascript继承机制详解
10-19
JavaScript的继承机制是其动态类型语言特性的重要组成部分，它提供了多种实现方式来模拟面向对象编程中的继承概念。本文主要探讨两种常见的继承实现：对象冒充和原型方式。 1. **对象冒充**： 对象冒充是一种通过...
JS继承方式及其优缺点总结
yyysss9的博客
07-04 1895
- 优点：最简单的方式，将子类的原型指向父类的实例即可。 - 缺点：一是引用类型的属性被所有实例共享，修改堆内存数据时会将所有实例数据都修改，但是直接创建新的存储对象就不会产生这个错误。二是创建子类实例时不能向超类型的构造函数中传递参数。（因此开发中很少单独使用原型链）- 优点：能实现属性的继承，也可以在子类型创建实例时为父类型传递参数。 - 缺点：借用构造函数虽然解决了刚才的问题，但不能继承构造函数的原型，只能继承构造函数的属性和方法。因此每次创建子类实例时都会调用构造函数、复制构造函数，会影
JS继承 方式及优缺点
weixin_45588452的博客
02-23 380
JS继承 方式及优缺点
js继承的方式及其优缺点
Lee19820911的博客
03-18 72
js继承方法 前因：ECMAScript不支持接口继承，只支持实现继承 一、原型链 概念：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针，让这个原型对象（子的原型）等于要继承的引用类型（父）的实例，由于引用类型（父）的实例包含一个指向（父）原型对象的内部指针，以此类推，层层递进，便构成实例与原型的链条，即原型链。 ...
js 六种继承方式介绍及优缺点
混世小妲己
01-30 1382
js继承方式
JS篇(010)-JavaScript 继承的方式和优缺点
手掌日月摘星辰
01-05 484
答案：六种方式 * 一、原型链继承 + 缺点： + 1. 引用类型的属性被所有实例共享 + 2. 在创建 Child 的实例时，不能向 Parent 传参 * 二、借用构造函数(经典继承) + 优点： + 1. 避免了引用类型的属性被所有实例共享 + 2. 可以在 Child 中向 Parent 传参 + 缺点： + 1. 方法都在构造函数中定义，每次创建实例都会创建一遍方法。 * 三、组合继承 + 优点： + 1. 融合原型链继承和构造函数的优点，是 ...
6种JavaScript继承方式及优缺点
wosifp的博客
02-06 608
温馨提示：想要更好的理解JS继承方式，须了解构造函数、原型对象、实例化对象、原型链等概念 第一种：原型链继承 利用原型链的特点进行继承 function Parent(){ this.name = 'web前端'; this.type = ['JS','HTML','CSS']; } Parent.prototype.Say=function(){ console.log(...
JavaScript继承方式详解：优缺点分析
在JavaScript中，有多种方式可以实现继承，其中最常见的就是原型链继承。接下来我们将详细讨论这一方法及其优缺点。 1. **原型链继承** 原型链继承是JavaScript中最基本的继承形式，它依赖于JavaScript的原型...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值