您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

如何使用JS继承与多继承

2025/5/22 12:27:09发布27次查看
这次给大家带来如何使用js继承与多继承,使用js继承与多继承的注意事项有哪些,下面就是实战案例,一起来看一下。
虽然最新的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继承与多继承的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product