javascript的三种继承方式

已于 2022-04-12 14:02:41 修改
阅读量1.3k 收藏 1
点赞数 1
文章标签： javascript
于 2022-04-12 13:30:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67387108/article/details/124121299
版权
本文详细探讨了JavaScript中的三种继承方法：原型继承、冒充继承及其组合使用。通过实例展示了每种方式的优缺点，如原型继承无法初始化属性，冒充继承丢失原型链，而组合继承则结合两者的优点。
摘要由CSDN通过智能技术生成

目录

一、原型继承法

二、冒充继承法

三、组合继承--原型+冒充继承

一、原型继承法

创建一个人类（people）然后继承学生类以及教师类，分别通过三种不同的继承方式

优点:可以继承调用people的构造函数
缺点：无法进行属性的初始化，只有在继承时候设置的是什么 之后所有对象属性就是什么，例如s2中属性为小刚，20，但输出结果依旧为最初设置的属性-小明

原型链图解

二、冒充继承法

 优点:可以继承调用people的构造函数
 缺点：无法把原型继承过来（函数在调用时this指向运行环境）

三、组合继承--原型+冒充继承

 **冒充继承的基础上加上原型继承--既可以继承调用people的构造函数，也能吧原型继承过来

金汤肥牛郭
关注
js的三种继承方式
ycx4567的博客
03-25 284
继承方式一：原型链 原型链是实现继承最原始的方式，即通过prototype属性实现继承 <!--父级构造函数--> function Father() { this.fatherName = '张三'; this.fatherAge = 56; this.money = 123456; this.love = ['老婆','张小三','张小四']; } <!--父亲的方法，即原型属性--> Father.prototype.getFatherNam.
实现JavaScript中继承的三种方式
10-29
总结起来，JavaScript中的继承可以通过原型链继承、apply/call方法以及对象实例间的继承三种方式实现。每种方式都有其特点和适用场景，开发人员可以根据具体需求和上下文环境选择合适的继承方式。原型链继承能够创建...
JavaScript实现继承的几种方式
03-31
NULL 博文链接：https://raychase.iteye.com/blog/1337415
js之三种继承方式
weixin_44395929的博客
02-26 417
我要成为这次疫情期间，最闲得码农！！！！ 一、为什么要有JS继承 假如每一个实例对象，都要有自己的属性和方法的副本。这不仅无法做到数据共享，也是极大的资源浪费。（这就和我们现实中会继承父母的资产一样，你是可以选择不继承的，但是浪费钱啊） 二、JS继承的三种方式 1.原型继承 //构建一个父类 function Person(name) {...
JS的几种继承方式及使用方式和适用场景总结
最新发布
m0_71959044的博客
08-29 1085
总的来说，选择哪种继承方式取决于项目的具体需求、代码的可维护性、性能考虑以及是否遵循现代的JavaScript最佳实践。对于新的项目，建议优先考虑使用ES6的类继承，因为它不仅语法简洁，而且得到了广泛的浏览器支持。
JavaScript的三种常见继承方法
weixin_45685108的博客
12-27 707
JavaScript的继承方法有很多，下面就来梳理讲解一下最常见的三种继承方法： 1.原型链直接继承 如果说B要继承A，则可以 B.protoytpe = A.prototype 或 B.prototype = new A() 两种方法都是通过直接继承原型的方法来完成继承的。 缺点： 1.B构造出得对象无法向A构造函数传参。 2.继承单一。 3.所有B构造出来的对像都会共享A的实例属性。（原型上的属性共享，一个实例区修改原型方法，其余的所有实例原型上的该方法都会被修改） 2.原型间接继承 同样的，B要继
JS的三种继承方法
Aenm的博客
05-18 527
JS的三种继承方法 首先定义一个父类： //构造函数 function Animal(name) { this.name = name || 'Animal'; this.sleep = function() { console.log(this.name + '正在睡觉！'); }; } //原型上面的方法： Animal.prototype.eat = function(food) { console.log(this.name + '正在吃:' + food); } 下面是实
Javascript编程中几种继承方式比较分析
10-23
在探讨JavaScript编程中继承方式的比较分析之前，首先需要理解继承的概念及其在面向对象编程中的...通过这些继承方式的比较分析，我们可以更深入地理解JavaScript继承的原理和技巧，进而在开发中做出更合适的设计决策。
JavaScript中实现继承的三种方式和实例
10-24
在JavaScript中，实现继承主要有三种方式：类式继承、原型式继承以及使用扩充方法实现多重继承。每种继承方式都有其特点和适用场景，下面将详细介绍这三种方式： 1. 类式继承 类式继承是指创建一个子类，让它继承一...
JavaScript的六种继承方式(推荐)
10-19
在JavaScript中，实现继承的方式有很多种，但是通常被推荐的主要有六种方式。这六种方式各自有不同的特点，但是它们都是围绕着原型链和构造函数来进行的。 首先，需要了解原型链的概念。原型链是JavaScript实现继承...
JavaScript的9种继承实现方式归纳
10-24
在JavaScript编程中，继承是一种让一个对象能够获得另一个对象属性和方法的方式。JavaScript并不像C++或Java等基于类的语言那样使用类继承，而是基于原型继承。这种机制允许通过引用的方式将原型链上的属性和方法...
JavaScript学习之三 — JavaScript实现继承的7种方式
03-20
NULL 博文链接：https://yueyemaitian.iteye.com/blog/785325
JS三大继承方法
m0_57271254的博客
12-30 166
1 原型继承： 缺点：
js实现继承的三种方式
叶子yes的博客
08-20 1044
1、原型链继承：通过原型继承多个引用类型的属性和方法。2、经典继承（盗用构造函数/对象伪装）：在子构造函数中调用父构造函数3、组合继承（伪经典继承）：综合了原型链和经典继承函数，将两者的优点集中了起来。
js三种继承方式
m111115的博客
06-26 121
js
JavaScript实现继承的三种方式
weixin_33704234的博客
09-26 132
导读 JavaScript中主要有三种实现继承的方式，分别是 构造函数继承 原型继承 组合继承 其中前两种方式都有其缺陷。第三种方式组合继承则将前两种方式结合起来，取长补短，是JS继承最常用的最佳实践。本文结合代码和注释逐一阐述三种继承方式。 构造函数继承 构造函数继承的关键： 在Child构造函数中执行Parent.call(thi...
JS常用的三种继承方式
雷佳佳的博客
06-23 697
一、原型继承 // 父类 function Persion(name,age){ this.name = name; this.age = age; } // 父类的原型对象属性 Persion.prototype.id = 110; // 子类 f...
JS类的三种继承方式
weixin_49655784的博客
02-27 429
类的三种继承方式
js的三种继承方法
lzy_1112的博客
10-23 512
js继承：子类不会影响父类，子类可以继承父类的一些功能（代码复用） 三种方法： 1、拷贝继承：通用型的，有new或无new的时候都可以 2、类式继承：new构造函数 3、原型继承：无new的对象 1、拷贝继承：属性与方法一般分开来继承       属性继承：调用父类的构造函数 call       方法继承：用  for  in  来继承 例子： scri
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值