本文实例讲述了JavaScript继承与多继承。分享给大家供大家参考,具体如下:
虽然最新的EC6里边已经有了class的相关功能,但是从普及度上和阅读旧代码需求的方面来看,这点知识也得了解一下。
本文结构:
① 原理及分析
② 简单封装后的运用
1. 继承
① 原理及分析
先上一张图:
用这段代码的思想来实现继承,即:
var inherit=function(objBase){ var F=function(){}; //第一步:定义一个函数F F.prototype=objBase; //第二步:将传进来的基类对象(objBase)赋给函数F的原型(F.prototype) return new F(); //第三步:返回一个F对象(已经具备了objBase特征) }
② 简单封装后的运用
Function.prototype.inherit=function(objBase){ this.prototype=new objBase(); } var Person=function(){ this.name="倩倩"; this.sex="女"; } var Student=function(){ this.id="0712"; } Student.inherit(Person); var student=new Student(); alert(student.name +","+ student.sex +","+ student.id);
2. 多继承
① 原理及分析
多继承就是将多个对象的成员,交给当前对象
var o1={name:"倩倩"} //对象的字面值 var o2={sex:"女"} var She=function(){} She.prototype={}; //先声明 for(var k in o1){ She.prototype[k]=o1[k]; } for(var k in o2){ She.prototype[k]=o2[k]; } var she=new She(); alert(she.name + "," + she.sex);
② 简单封装后的运用
Function.prototype.inherits=function(){ var arr=arguments; //将接收到的arguments对象传给数组arr this.prototype={}; for(var i=0;i<arr.length;i++){ for(var k in arr[i]){ var obj=arr[i]; this.prototype[k]=obj[k]; } } } var o1={name:"倩倩"} //对象的字面值 var o2={sex:"女"} var She=function(){} She.inherits(o1,o2); var she=new She(); alert(she.name + "," + she.sex);
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年09月25日
2024年09月25日
- 林忆莲.2019-0(2023精装版)【环球】【WAV+CUE】
- Supper.Moment.2016-The.Moment【寰亚】【FLAC分轨】
- 范莉丝.1979-送郎一朵牵牛花(LP版)【大联机构】【WAV+CUE】
- 刘宇.2024-宇宙诗人【哔哟哔哟文化】【FLAC分轨】
- 《全景声白噪音》沉浸式大自然助眠 带你听自然的声音[mp3]
- 纯音入心系列纯音乐《古筝精选 十指弹一赏心曲一心奏出世人心》1CD[MP3][582MB]
- 纯音入心系列纯音乐《古筝与现代音乐的交织》1CD[MP3][96MB]
- 王俪婷.2011-ROMANCE【华研国际】【WAV+CUE】
- 狮子合唱团.2016-LION(引进版)【华纳】【WAV+CUE】
- 范文芳.1996-FNNTASY【HYPE】【WAV+CUE】
- 纯音入心系列纯音乐《韵味古筝曲》1CD[MP3][146.2MB]
- 纯音入心系列纯音乐《古筝系列-传统乐曲》1CD[MP3][974.7MB]
- 纯音入心系列纯音乐《古筝系列-弦凝指咽声停处》1CD[MP3][656.5MB]
- 群星.1994-大烂片2辑【派森】【WAV+CUE】
- 吴倩莲.1997-望爱【EMI百代】【WAV+CUE】