JavaScript继承和多重继承实例分析

本文说明了JavaScript继承和多重继承。分享给大家参考，如下：

虽然最新的EC6已经有了类的相关功能，但是我们应该从普及程度和阅读旧代码的要求方面去了解这些知识。

本文的结构：

原理与分析

简单包装后的应用

1.遗产

原理与分析

首先转到上一张图片：

利用这段代码的思想来实现继承，即：

var inherit=function(Objbase){ var F=function(){ }；//第一步：定义一个函数F F.prototype=objBase//第二步：将传入的基类对象(objBase)赋给函数f的原型(f.prototype)，returnnew f()；//第三步：简单封装后返回一个F对象(带有objBase特性)} 应用

function . prototype . inherit=function(ObjBaSe){ this . prototype=new ObjBaSe()；} var person=function () {this。名字=‘千千’；This.sex='女性'；} var Student=function(){ this . id=' 0712 '；}学生.继承(人)；var Student=new Student()；alert(student.name '，' student.sex '，' student . id)；2.多重继承

原理与分析

多重继承是将多个对象的成员赋予当前对象

Var o1={name: '千千' }//对象var o2的文字值={sex: '女性' } varshe=function () {} she。原型={ }；//首先声明为(O1中的var k){ she。原型[k]=O1[k]；} for(var k in O2){ She . prototype[k]=O2[k]；} var She=new She()；警惕(she.name '，' she . sex)；简单包装后的应用

function . prototype . inherits=function(){ var arr=引数；//将接收到的参数对象传递给arr this . prototype={ }；for(var I=0；长度；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。继承(O1，O2)；var She=new She()；警惕(she.name '，' she . sex)；更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、0103010

希望本文对JavaScript编程有所帮助。