Javascript对象继承(原型继承法)

最新推荐文章于 2022-07-21 09:53:36 发布
最新推荐文章于 2022-07-21 09:53:36 发布
阅读量113 收藏
点赞数
分类专栏： javascript 文章标签： JavaScript prototype ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yeak2001/article/details/83938826
版权
原型继承可以说是Javascript提供的真正的继承方法,也是很多大牛推荐使用的方法,但我使用的最多的却不是这一个继承方法.
原型继承是如何实现的,我们一起来看看下面的例子: 


01.<html xmlns="http://www.w3.org/1999/xhtml">
02.<head>
03.<title></title>
04.<script type="text/javascript">
05.function dw(s) {
06.document.write(s + "<br />");
07.}
08.//警察
09.function PoliceMan() {
10.var m_lifeEnergy = 100;
11.this.getLifeEnergy = function () {
12.return m_lifeEnergy;
13.}
14.this.Shot = function () {
15.m_lifeEnergy -= 1;
16.}
17.this.Repair = function() {
18.m_lifeEnergy += 1;
19.}
20.}
21.//超级警察
22.function SuperPoliceMan() {
23.this.Flight = function() {
24. 
25.}
26.}
27. 
28.SuperPoliceMan.prototype = new PoliceMan();
29. 
30. 
31.//创建一个超级警察
32.var pm = new SuperPoliceMan();
33.//显示当前生命值
34.dw(pm.getLifeEnergy());
35.//中枪生命值减1
36.pm.Shot();
37.//显示当前生命值
38.dw(pm.getLifeEnergy());
39.//飞离地面
40.pm.Flight();
41.//自我修复
42.pm.Repair();
43.//显示当前生命值
44.dw(pm.getLifeEnergy());
45.</script>
46.</head>
47.<body>
48. 
49.</body>
50.</html>
yeak2001
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript玩转继承（三）
10-25
首先，实例继承法是针对核心对象的继承，如JavaScript内置的Error对象。在某些特定场景下，我们可能需要自定义错误类型，这时可以使用实例继承。例如，创建一个`ExtendingError`函数，通过new Error()生成实例，并...
Javascript玩转继承(一)
10-25
本文主要探讨JavaScript中的继承机制，特别是通过构造继承法实现的“对象伪装”。 首先，我们要明确，JavaScript是一种支持对象的语言，但它不是传统的面向对象语言，如Java或C#。尽管如此，JavaScript依然提供了...
用原型继承方法
weixin_33709219的博客
10-09 64
一：每个类都有一个原型，即Prototype.它是一个对象。我们用 trace(typeofMovieClip.prototype)//objecttrace(typeofcolor.prototype)//object 这是区分类和对象的好方法。math不是类，我们用 trace(typeofMath.prototype)//...
javaScrpt对象原型继承法
zhanglongfei1016的专栏
12-04 388
1.原形链继承法每一个子构造函数都有一个原型对象，而子原型对象有一个指向子构造函数的指针，而子实例则有一个指向子原型对象的内部指针；假如我们让子原型对象指向父实例，则子原型对象就指向了父实例的原型对象，同样父原型对象有一个指向父构造函数的指针；这就是原形链的思想 代码如下： function Parent(){     this.property=true; } Parent.proto
js对象、原型、继承
小满的博客
12-19 106
prototype 每个函数都有一个prototype属性，而他的属性值是一个对象，默认只有一个叫做constructor的属性，指向这个函数本身。 原型既然作为对象（属性的集合），除了constructor外，还可以自定义许多属性。 当然了，我们也可以在自己定义的方法的prototype中增加我们自己的属性，比如像下面这样的： function Fn() { } Fn.prototype...
原型继承、构造函数继承、组合继承法
weixin_34228662的博客
03-01 157
原型继承 function Person(name,sex){ this.name=name; this.sex=sex; this.friends = {lily:'female',lucy:'female'}; this.showFriends=function(){ var str ...
JS继承法汇总
Joine 梦想着超越
01-13 540
对象冒充法//js继承汇总 //1、对象冒充法继承法 function A(name) { this.name = name; this.say = function() { alert(name); }; } function B(id,name) { this.methodA = A; this.methodA(name); delete this.methodA;
Javascript继承(上)——对象构建介绍
10-27
JavaScript的原型继承模型允许对象之间形成链式结构，使得子对象能够继承父对象的属性和方法。通过修改`prototype`，我们可以实现类的多态性，这是面向对象编程的重要特性之一。理解并熟练掌握JavaScript的原型继承...
Javascript编程之继承实例汇总
11-24
2. **原型继承法/经典继承法** 原型继承是通过修改子类的`prototype`属性为父类的实例来实现的。这种方式支持多重继承，能继承父类的静态方法，并且`instanceof`能正确识别。例如： ```javascript function a(){ ...
常见的四种原型继承
yun_shuo的博客
03-09 1900
常见的四种原型继承 1、最原始的继承 子类原型继承父类的实例 function Father() { this.firstName = '三' } var father = new Father(); Father.prototype.lastName = '张'; function Son() { this.firstName = '四'; this.sex = '男'; } // 子类原型继承父类的实例 S
Js实现继承的6种方式
热门推荐
wuliyouMaozhi的博客
07-21 2万+
Js实现继承的6种方式: 1.原型链继承 2.借用构造函数继承 3.组合继承（经典继承） 4.原型式继承 方法一： 方法二：Object.create() 5.寄生式继承 6.寄生组合式继承 7.ES6、Class实现继承
关于原型继承的三种方法
wilesen的博客
07-26 891
1.利用对象的动态特性添加成员 var o={}; o.name=‘jim’ var Person=function(){}; Person.prototype.sayHello=function(){ alert(“xxxx") } //此时原型对象是对象，可以利用动态特性随时添加成员 //添加的成员都会被构造函数的对象所继承   2.利用覆盖原型对象  var P
原型的继承，几种常用的继承方法
qq_44771388的博客
04-01 3126
原型的继承 原型的继承方式有很多多种，今天主要说四种常用的方法 一 子类原型继承父类的实例（原型链继承）
js的寄生组合继承法
菜鸟的博客
11-25 690
代码：   &lt;!DOCTYPE html&gt; &lt;html&gt;      &lt;head&gt;           &lt;meta charset="UTF-8"&gt;           &lt;title&gt;&lt;/title&gt;      &lt;/head&gt;      &lt;body&gt;
详解JavaScript中的原型和继承－转自颜海镜大大
weixin_30569033的博客
10-04 109
本文将会介绍面向对象，继承，原型等相关知识，涉及的知识点如下： 面向对象与继承 CEOC OLOO 臃肿的对象 原型与原型链 修改原型的方式 面向对象与继承 最近学习了下python，还写了篇博文《重拾编程乐趣——我的Python笔记》，加深了我对面向对象的一些理解。 我们会对我们写的程序进行抽象，而不同的语言都提供了不同的抽象工具，比如各种语言里面的数组，集合(键值数组...
基于Android备忘录和MP3播放器设计与实现.docx
最新发布
08-10
基于Android备忘录和MP3播放器设计与实现.docx
ASP企业进销存管理系统设计(源代码+论文).rar
08-10
资源包主要包含以下内容： ASP项目源码：每个资源包中都包含完整的ASP项目源码，这些源码采用了经典的ASP技术开发，结构清晰、注释详细，帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码，用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件：为了方便用户更好地理解系统的后台逻辑，每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档，以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境，并了解各个数据表之间的关系和作用。 详细的开发文档：每个资源包都附有详细的开发文档，文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料，使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南：为帮助用户更好地理解和使用这些ASP项目，每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程，使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考：对于正在准备毕业设计的学生来说，这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰，还符合常见的毕业设计要求和标准。通过这些项目，学生可以学习到如何从零开始构建一个完整的Web系统，并积累丰富的项目经验。
ASP网络文件管理系统的设计与实现(源代码+论文).rar
08-10
资源包主要包含以下内容： ASP项目源码：每个资源包中都包含完整的ASP项目源码，这些源码采用了经典的ASP技术开发，结构清晰、注释详细，帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码，用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件：为了方便用户更好地理解系统的后台逻辑，每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档，以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境，并了解各个数据表之间的关系和作用。 详细的开发文档：每个资源包都附有详细的开发文档，文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料，使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南：为帮助用户更好地理解和使用这些ASP项目，每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程，使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考：对于正在准备毕业设计的学生来说，这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰，还符合常见的毕业设计要求和标准。通过这些项目，学生可以学习到如何从零开始构建一个完整的Web系统，并积累丰富的项目经验。
del.py
08-10
资源包主要包含以下内容： ASP项目源码：每个资源包中都包含完整的ASP项目源码，这些源码采用了经典的ASP技术开发，结构清晰、注释详细，帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码，用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件：为了方便用户更好地理解系统的后台逻辑，每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档，以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境，并了解各个数据表之间的关系和作用。 详细的开发文档：每个资源包都附有详细的开发文档，文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料，使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南：为帮助用户更好地理解和使用这些ASP项目，每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程，使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考：对于正在准备毕业设计的学生来说，这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰，还符合常见的毕业设计要求和标准。通过这些项目，学生可以学习到如何从零开始构建一个完整的Web系统，并积累丰富的项目经验。
JavaScript面向对象技术详解：从基础到类与原型
而原型（prototype）是JavaScript实现继承的关键，每个函数都有一个`prototype`属性，这个属性的值是一个对象，它会被新创建的对象继承。当试图访问一个对象的属性时，如果该对象本身没有这个属性，JavaScript会查找...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值