本文实例讲述了JavaScript原型对象原理与应用。分享给大家供大家参考,具体如下:
原型对象:
每个对象都有一个参考对象,这个参考对象称之为原型对象。原型对象有自己的属性和方法。当A是B的原型对象时,那么B拥有A中的所有属性和方法。
原型对象的工作原理:
使用原型对象定义一个新的对象时,该对象不会立即拥有原型对象的属性和方法,在调用的时候本对象内部没有的属性和方法是才回去调用原型中的属性和方法。(动态分配).
原型对象的引用:
在javascript中每一个函数都定义了一个prototype
属性用于引用原型对象。
function computer(){ this.name="thinkPad 500"; this.factory="联想"; this.price=5000; this.size=17; } /* *读取函数中的prototype,默认情况下为空 */ for( pro in computer.prototype){ document.write(computer.prototype,"<br>"); } //没有继承原型对象中属性 var mycomputer=new computer(); for( pro in mycomputer){ document.write(pro,":",mycomputer[pro],"<br>"); } computer.prototype.interface="VAG"; //添加原型对象的属性 for( pro in computer.prototype){ document.write(pro,":",computer.prototype[pro],"<br>"); } //继承原型对象中属性 var mycomputer=new computer(); for( pro in mycomputer){ document.write(pro,":",mycomputer[pro],"<br>"); }
这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码,可得如下运行结果:
原型对象的继承
继承是通过原型对象实现
<script type="text/javascript"> //定义一个工人 function worker(){ this.name=""; this.address=""; } //定义一个部门经理 function manager(_dept){ this.dept=_dept; } //定义继承关系 manager.prototype=new worker(); //创建计划部门经理 var jh=new manager("计划"); for(pro in jh){ document.write(pro,":",jh[pro],"<br>"); } //当前jh有效没有改变原型对象中的值 jh.name="计划部门经理"; jh.address="计划部"; for(pro in jh){ document.write(pro,":",jh[pro],"<br>"); } //原型对象中的值没有被修改 var rs=new manager('人事'); for(pro in rs){ document.write(pro,":",rs[pro],"<br>"); } //修改原型对象中的值,将会在继承的对象中体现,如果继承类中没有覆盖 manager.prototype.address="成都市"; //覆盖后address的值还是原来的计划 for(pro in jh){ document.write(pro,":",jh[pro],"<br>"); } //没有覆盖address的值是成都市 for(pro in rs){ document.write(pro,":",rs[pro],"<br>"); } </script>
这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码,可得如下运行结果:
通过原型对象可以为所有继承对象添加属性和删除属性,所有继承对象都将统一显示。
更多关于JavaScript相关内容还可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- 黑神话悟空上品鼠禁卫精魄获取方法一览|上品鼠禁卫精魄收集攻略
- 优美的旋律至真的情怀《品茶轻音乐·极品典藏Vol.1CD1》[WAV+CUE]
- 曾嵘《峥嵘岁月DSD(试音碟)》WAV+CUE
- 小提琴天碟AlfredoCampoli坎波利-贝多芬D大调小提琴协奏曲与普罗米修斯作品选FLAC
- 博主称本周游戏业内动荡无比:高价PS5 Pro、Xbox裁员等
- 米哈游也搞AI?米哈游AI大模型Glossa完成备案
- G胖变G瘦后:玩家担心其健康状况:如果他出事 游戏业将发生巨变
- 群星.1995-SUMMER.PASSION.REMIX【宝丽金】【WAV+CUE】
- 王栎鑫.2008-天生一对(EP)【种子音乐】【WAV+CUE】
- 曾淑勤.1993-金选集【点将】【WAV+CUE】
- 《命运2》新枪涉嫌抄袭Bungie响应正在调查
- 《刺客信条:影》引发争议日本预购表现低迷
- 黑神话悟空上品狸侍长精魄获取方法一览|上品狸侍长精魄收集攻略
- 大自然环保音乐系列《风花雪月》4CD/DTS[WAV分轨]
- 模拟之声慢刻CD甄妮《86精选[日本母带]》[低速原抓WAV+CUE]