虽然最新的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
推荐阅读:
如何使js数组与json对象动态实现添加、修改、删除
怎样使用js继承与多继承
以上就是如何使用js继承与多继承的详细内容。
