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

最新推荐文章于 2024-05-14 21:16:59 发布
最新推荐文章于 2024-05-14 21:16:59 发布
阅读量1.9k 收藏 11
点赞数 4
分类专栏： 前端JS javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53592673/article/details/111759078
版权

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

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

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

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

最低0.47元/天 解锁文章
程序牛0314
关注
  • 4
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript继承的6种方式以及它们的优缺点
X W F
05-13 174
文章目录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继承的6种方法详解以及优缺点对比
健子
08-21 2406
1. 原型链继承 方法 那么，如果让原型对象等于另一个对象的实例的话，这时原型对象的constructor属性指向另一个对象，原型对象的__proto__指向另一个对象的原型对... 举例：function SuperType(name) { this.name = name; } SuperType.prototype.getName = function() { return this.name; }; function SubType(age) { this.age = age; }
JS6种继承的优缺点总结
张木期的博客
10-14 633
关于js的继承一直是很重要的点，一直理解的都不是很深，今天就好好总结一下吧~ 一、原型链继承 原型链： JavaScript中实现继承最简单的方式就是使用原型链，将子类型的原型指向父类型的实例即可，即“子类型.prototype =new 父类型();”，实现方法如下： //为父类型创建构造函数 function SuperType () { this.name = ['zc','ls',...
js 六种继承方式介绍及优缺点
混世小妲己
01-30 1329
js继承方式
JavaScript如何实现继承
最新发布
读心悦
05-14 654
JavaScript实现继承的方法有多种，每种方法都有其特点和适用场景。下面我们将介绍几种常用的继承方式。
JavaScript中的几种继承方式及优缺点分析
weixin_40381947的博客
04-04 489
JavaScript中的几种继承方式及优缺点分析
六种继承方式（js）
weixin_45773503的博客
09-26 502
1.简单原型链 // 创建要继承的父类 function Father() { // 自带的属性和方法 this.name = "li"; this.show = function() { console.log("帅"); } }; // 在父类的原型上添加方法 Father.prototype.c
说一说js继承的方法和优缺点？
油墨香^-^的博客
10-18 380
缺点：并不是所有的浏览器都支持class关键字 lass Person { //调用类的构造方法 constructor(name, age) { this.name = name this.age = age } //定义一般的方法 showName() { console.log("调用父类的方法") console.log(this.name, this.age);原型链继承：让一个构造函数的原型是另一个类型的实例，那么这个构造函数new出来的实例就具有该实例的属性，原型链继承的。
JavaScript中常用的继承方式以及各个继承方式的优缺点
oi
05-24 403
综合来说，寄生组合式继承是一种比较优秀的继承方式，可以避免其他继承方式的缺点，实现完整的继承。构造函数的调用比较方便，使用 super 关键字即可调用父类的构造函数。在 ES6 中，使用 extends 关键字可以实现类的继承。代码结构更加清晰易懂，能够增强代码的可读性和可维护性。支持多重继承，可以继承多个父类的属性和方法。支持父类的静态方法和成员的继承。不能继承非可枚举属性和方法。无法继承函数的内部状态。存在循环引用的问题。
JS继承实现方法及优缺点详解
10-14
JavaScript还提供了其他继承实现方式，如**组合继承**（结合了构造继承和原型链继承的优点，但存在两次调用父类构造函数的开销），**寄生组合继承**（通过寄生构造函数解决组合继承的重复调用问题），以及**原型式...
详解Javascript继承的实现
10-22
本文将深入探讨JavaScript继承的实现方式，以及其中的问题和解决方案。 首先，我们来看混合方式的实现，这种方式结合了原型链和对象冒充。在JavaScript中，构造函数是用于创建特定类型对象的函数。例如，`Employee`...
Javascript继承机制详解
10-19
JavaScript的继承机制是其动态类型语言特性的重要组成部分，它提供了多种实现方式来模拟面向对象编程中的继承概念。本文主要探讨两种常见的继承实现：对象冒充和原型方式。 1. **对象冒充**： 对象冒充是一种通过...
javascript 中的继承实例详解
10-19
在JavaScript中，主要有三种常见的继承方式：原型链继承、借用构造函数（也称为经典继承）以及组合继承。 ### 原型链继承 原型链继承是JavaScript实现继承的主要机制，它依赖于`__proto__`属性和`prototype`对象。...
JavaScript 继承详解及示例代码
10-21
JavaScript 继承是JavaScript语言中的一个核心特性，它允许我们创建类似的...以上就是JavaScript继承的详细解释及示例代码，通过理解这些概念和技巧，你可以更有效地实现面向对象编程，提高代码的可维护性和复用性。
JavaScript中的几种继承方式及优缺点,你知道多少呢？
流绪@微梦
02-22 472
JavaScript主要通过原型链实现继承。原型链的构建是通过将一个类型的实例赋值给另一个构造函数的原型实现的。这样，子类型就可以访问父类型的所有属性和方法。原型链的问题是对象实例共享所有继承的属性和方法，因此不适合单独使用，解决这个问题是借用构造函数，即在子类型构造函数的内部调用父类型构造函数，这样就可以实现每个实例都私有的属性，同时还能保证只使用构造函数模式来定义类型。公众号：前端胡说原文连接：JavaScript中的几种继承方式及优缺点,你知道多少呢？
JS继承的几种方式及优缺点
qq_56088882的博客
07-17 2295
原型链继承：原理：将父类的实例作为子类的原型 二.构造函数继承：原理：在子类构造函数中调用父类构造函数，可以在子类构造函数中使用call()和apply()方法改变this指向
JS继承方式及其优缺点总结
yyysss9的博客
07-04 1878
- 优点：最简单的方式，将子类的原型指向父类的实例即可。 - 缺点：一是引用类型的属性被所有实例共享，修改堆内存数据时会将所有实例数据都修改，但是直接创建新的存储对象就不会产生这个错误。二是创建子类实例时不能向超类型的构造函数中传递参数。（因此开发中很少单独使用原型链）- 优点：能实现属性的继承，也可以在子类型创建实例时为父类型传递参数。 - 缺点：借用构造函数虽然解决了刚才的问题，但不能继承构造函数的原型，只能继承构造函数的属性和方法。因此每次创建子类实例时都会调用构造函数、复制构造函数，会影
2022-03-15 [总结]JS继承的常见几种方式和优缺点:原型链继承,构造函数继承,组合继承,原型式继承,寄生式继承,寄生组合式继承,class继承
GAARA
03-15 285
0.object.create 分类一:不使用Object.create的继承 1.原型链继承 原理:给原型对象增加一层指向 优缺点 格式和示例 2.构造函数继承 原理:使用bind改变某个功能的this指向从而实现继承 优缺点 格式和示例 3.组合继承(原型链+构造函数) 原型链继承和构造函数继承的缺点 组合继承的原理改变this指向+原型对象 优缺点 语法和示例 分类二:使用Object.create的继承 4.原型式继承 定义 优缺点 语法和示例:原型式继承是浅拷贝 使用Object.create进行
JS原型继承的多种方式以及优缺点
a996554776的博客
02-06 1230
js也是一门面向对象的编程语言. 既然是面向对象，那它一定具备 --> 类、属性、原型这些要素，而类中又有封装、继承、多态这些玩法 封装：就是把类(也叫函数)中的一个功能的代码进行封装，从而实现低耦合高内聚 多态：重写、重载 重写：子类重写父类上的方法(伴随着继承运行的) 重载：相同的方法，由于参数或者返回值不同，具备了不同的功能(或调用了不同的方法)，其实js不具备严格意义上的重载 (只能在同一个方法内，根据传参不同实现不同功能)why？ ...
简述 js 实现继承有哪些方式，优缺点
05-05
在 JavaScript 中，实现继承的方式有以下几种： 1. 原型链继承：利用原型链实现继承，将子类的原型对象指向父类的实例。缺点是所有子类实例共享父类实例的属性，当父类实例属性被修改时，会影响所有子类实例。 2. 构造函数继承：在子类构造函数中使用 call 或 apply 方法调用父类构造函数，实现继承父类的属性和方法。缺点是无法继承父类原型对象上的属性和方法。 3. 组合继承：结合原型链继承和构造函数继承，既可以继承父类原型对象上的属性和方法，也可以继承父类构造函数中定义的属性和方法。缺点是会调用两次父类构造函数，造成浪费。 4. 原型式继承：通过 Object.create() 方法创建一个新对象，并将其原型对象指向父类对象，实现继承。缺点是和原型链继承一样，所有子类实例共享父类实例的属性。 5. 寄生式继承：在原型式继承的基础上，增强新对象，返回增强后的对象，实现继承。缺点和原型式继承一样。 6. 寄生组合式继承：在组合继承的基础上，优化调用父类构造函数的方式，实现继承。是最常用的继承方式。 不同的继承方式各有优缺点，需要根据实际情况选择合适的方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值