本文实例讲述了JavaScript继承与聚合。分享给大家供大家参考,具体如下:
一、继承
第一种方式:类与被继承类直接耦合度高
1. 首先,准备一个可以被继承的类(父类),例如
//创建一个人员类 function Person(name) {//现在Person里面的域是由Person里面的 来this来控制的 this.name=name; }
2. 然后,有个需要继承父类的子类
function Teacher(name,books) { Person.call(this,name);//相当于java中的super函数 在new Teacher时将Person的name初始化 this.books=books; }
说明一下:
(1)call方法可以将一个函数的对象上下文从初始化变成由this来决定一个类去控制另一个类
(2)Teacher类去控制 Person类 用Teacher域里面的 this来控制Person域里面的 this
(3)调用 Perosn的构造函数,因为Perosn没有用 new 所以是个空对象(模板) 显示调用call方法,可以初始化 Person
3. 最后,实现继承
(步骤1)先继承
Teacher.prototype=new Person(); Teacher.prototype.constructor=Teacher;//确保继承后任然是Teacher自己的构造函数
(步骤2)为子类扩展一些方法,用于访问从父类继承的内容
Teacher.prototype.getBook=function () { return this.name+" "+this.books; }
(步骤3)使用已经继承好的类
var jim=new Teacher("Jim","Javascript"); alert(jim.getBook())
总结:此种方法是直接在子类中显示调用父类,耦合度高,复用性差。
第二种方式,使用封装,完成程序中所用继承操作
1. 首先,准备一个可以被继承的类(父类),例如
//创建一个人员类 function Person(name) {//现在Person里面的域由Person里面的来this来控制的 this.name=name; }
2. 创建extend函数为了程序中所有的继承操作(最重要的地方)
/*创建extend函数为了程序中所有的继承操作*/ //subClass:子类 superClass:超类(2) function extend(subClass,superClass) { //1,使子类原型属性等于父类的原型属性 //初始化一个中间空对象,目的是为了转换主父关系 var F = function () {}; F.prototype = superClass.prototype; //2, 让子类继承F subClass.prototype = new F(); subClass.prototype.constructor = subClass; //3,为子类增加属性 superClass ==》原型链的引用 subClass.superClass = superClass.prototype; //4,增加一个保险,就算你的原型类是超类(Object)那么也要把你的构造函数级别降下来 【说明一些:这里只是其中一个简单的保险,其余情况后续增加。。。】 if (superClass.prototype.constructor == Object.prototype.constructor) { superClass.prototype.constructor = superClass; } }
3. 有一个需要继承其他类的子类
function Author(name,books) { Author.superClass.constructor.call(this,name);//没有直接写父类,降低了耦合度 //Person.call(this,name) 直接写Person代表其构造函数 this.books=books; this.getBooks=function () { return this.name+" "+this.books ; } }
4. 最后,实现继承
//继承 extend(Author,Person);//(子类,父类)
5. 使用已经继承好的类
var peter=new Author("Peter","Javascript"); alert(peter.getBooks());
方式二图解为:
这里可能会有一个疑问就是为啥要使用中间类???
这里假如没有中间类的话,我们在实例化子类时就需要为父类传递一些相应的参数,这样的话,该句代码
Author.superClass.constructor.call(this,name);
就不能放在子类(Author)中,而是需要放入到extend中,这样的话代码的通用性就很低,故此需要使用中间类。
二、聚合
使用聚合的原因,有的时候不需要严格的继承,我们真正需要的是一个类(或几个类)中的一些函数。故此我们可以使用聚合 也就是使用 掺元类
对于聚合有两种情况
第一种是聚合到 var a={}空类或者不是用function声明的类中
1. 首先,需要一个合适的可以被聚合的类(给体),此时需要在本类的内部进行扩展属性,方法
var JSON={//写到类的内部 toJsonString:function () { var output=[]; for(key in this){//this代表那个调用,就指向那个一个对象 output.push(key+"---->"+this[key]); } return output; } };
2. 制作一个聚合函数(最重要)
/*聚合函数 receivingClass:接受聚合内容的类 givingClass:被聚合的目标类 * */ function mixin(receivingClass,givingClass){ for(methodName in givingClass){ if(!receivingClass.__proto__[methodName]){//判断当前原型中是否含有即将要被聚合的方法,若没有则聚合进来 receivingClass.__proto__[methodName]=givingClass[methodName];//直接获得类中的方法,因为方法是直接写在方法内部的。 } } }
3. 接受聚合的类(受体)
var get={name:"Text",age:20};
4. 实现将JSON类的方法聚合到类get中
mixin(get,JSON);//(受体,给体)
5. 使用get类中聚合的方法
document.write(get.toJsonString().join(","));
第二种是聚合用function声明的类中
var a=function(){}
1. 首先,需要一个合适的可以被聚合的类(给体),此时需要在本类的原型对象上进行扩展属性,方法
var JSON={}; JSON.prototype={//写到类的原型对象上 toJsonString:function () { var output=[]; for(key in this){//this代表那个调用,就指向那个一个对象 output.push(key+"---->"+this[key]); } return output; } }
2. 制作一个聚合函数
(2)制作聚合函数(receivingClass中聚合givingClass中的属性,或者方法)
function mixin(receivingClass,givingClass) { for(methodName in givingClass.prototype){ if(!receivingClass.prototype[methodName]){//判断当前原型中是否含有即将要被聚合的方法,若没有则聚合进来 receivingClass.prototype[methodName]=givingClass.prototype[methodName]; } } }
3. 接受 聚合的类(受体)
var o=function () { this.name="聚合"; this.age=19; }
4. 实现JSON类到o类的聚合(将JSON类中的方法聚合到o类中)
mixin(o,JSON);//(受体,给体)
5. 使用o类中聚合而来的方法
var useO=new o(); document.write(useO.toJsonString().join(","));
第二种图解理解为:
该方式属于类o上一层的聚合。
更多关于JavaScript相关内容还可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
JavaScript,继承,聚合
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。