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:};
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,制作一个聚合函数
()制作聚合函数(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=;
}
4,实现JSON类到o类的聚合(将JSON类中的方法聚合到o类中)
mixin(o,JSON);//(受体,给体)
5,使用o类中聚合而来的方法
var useO=new o();
document.write(useO.toJsonString().join(","));
第二种图解理解为:
该方式属于类o上一层的聚合。
JavaScript继承与聚合的更多相关文章
- javascript继承的三种模式
javascript继承一般有三种模式:组合继承,原型式继承和寄生式继承: 1组合继承:javascript最为广泛的继承方式通过原型链实现对原型属性和方法的继承,通过构造函数实现对实例属性的继承,同 ...
- javascript继承机制的设计思想(ryf)
我一直很难理解Javascript语言的继承机制. 它没有"子类"和"父类"的概念,也没有"类"(class)和"实例" ...
- 【读书笔记】javascript 继承
在JavaScript中继承不像C#那么直接,C#中子类继承父类之后马上获得了父类的属性和方法,但JavaScript需要分步进行. 让Brid 继承 Animal,并扩展自己fly的方法. func ...
- 图解JavaScript 继承
JavaScript作为一个面向对象语言,可以实现继承是必不可少的,但是由于本身并没有类的概念(不知道这样说是否严谨,但在js中一切都类皆是对象模拟)所以在JavaScript中的继承也区别于其他的面 ...
- JavaScript强化教程——Cocos2d-JS中JavaScript继承
javaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求.由于Cocos2d-JS引擎是从Cocos2d-x演变而来 ...
- [原创]JavaScript继承详解
原文链接:http://www.cnblogs.com/sanshi/archive/2009/07/08/1519036.html 面向对象与基于对象 几乎每个开发人员都有面向对象语言(比如C++. ...
- javascript继承(六)—实现多继承
在上一篇javascript继承—prototype最优两种继承(空函数和循环拷贝)(3) ,介绍了js较完美继承的两种实现方案,那么下面来探讨一下js里是否有多继承,如何实现多继承.在这里可以看看j ...
- javascript继承(五)—prototype最优两种继承(空函数和循环拷贝)
一.利用空函数实现继承 参考了文章javascript继承—prototype属性介绍(2) 中叶小钗的评论,对这篇文章中的方案二利用一个空函数进行修改,可以解决创建子类对象时,父类实例化的过程中特权 ...
- javascript继承(四)—prototype属性介绍
js里每一个function都有一个prototype属性,而每一个实例都有constructor属性,并且每一个function的prototype都有一个constructor属性,这个属性会指向 ...
随机推荐
- python+NLTK 自然语言学习处理四:获取文本语料和词汇资源
在前面我们通过from nltk.book import *的方式获取了一些预定义的文本.本章将讨论各种文本语料库 1 古腾堡语料库 古腾堡是一个大型的电子图书在线网站,网址是http://www.g ...
- Cordova 教程 学习步骤-从零基础开始
Cordova的技术交流新群
- 自编码器(autoencoder)
今天我们会来聊聊用神经网络如何进行非监督形式的学习. 也就是 autoencoder, 自编码. 压缩与解压 有一个神经网络, 它在做的事情是 接收一张图片, 然后 给它打码, 最后 再从打码后的图片 ...
- linux 创建账户
linux下创建用户 linux下创建用户(一) Linux 系统是一个多用户多任务的分时操作系统,不论什么一个要使用系统资源的用户,都必须首先向系统管理员申请一个账号,然后以这个账号的身份进入系统. ...
- Mysql——JDBC编程 简单的例子
第一类连接Mysql方法见下图: 第二类连接Mysql方法:(跟第一类差不多,并提供查询操作) 首先在Mysql中建立testjdbc数据库,在该数据库下面建立Student表: 参考代码: CREA ...
- [原创]java WEB学习笔记18:java EE 中的MVC 设计模式(理论)
本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...
- android HDMI (一):HDMI基础篇【转】
本文转载自:http://blog.csdn.net/xubin341719/article/details/7713450 说到android的HDMI,从android 2.2.android2. ...
- 剑指offer——不能被继承的类
方法一:通过将类的构造函数和析构函数声明成private来防止子类继承.声明静态的方法来构造和析构类的对象. 但是用起来不是很方便.只能得到在堆上的实例,而不能得到在栈上的实例. 方法二:构造辅助类C ...
- DB2常见错误
+098 01568 动态SQL语句用分号结束+100 02000 没有找到满足SQL语句的行+110 01561 用DATA CAPTURE定义的表的更新操作不能发送到原来的子系统+111 0159 ...
- An Assembly Language
BUFFER OVERFLOW 3 An Assembly Language Introduction Basic of x86 Architecture Assembly Language Comp ...