<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>javascript高级语法4-继承和聚合</title>

     </head>

     <body>

         <script>

             //继承

             //创建人员类

             function Person(name){

                 this.name = name;

             }

             //创建教师类

             function Teacher(name,books){

                 //call方法可以将一个函数的对象上下文从初始化变成由this来决定。

                 //调用Person的构造函数，因为person没有new，所以是空对象。

                 Person.call(this,name);

                 this.books = books;

             }

             // 使教师类继承人员类

             Teacher.prototype = new Person();

             Teacher.prototype.constructor = Teacher;

             Teacher.prototype.getBook = function(){

                 return this.name +" "+this.books;

             }

             //测试

             var jim = new Teacher("JIm","extjs4");

             //alert(jim.getBook());

             // 创建extend函数为了程序中所有的继承操作

             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;

                 }

             }

             //测试

             function Author(name,books){

                 Author.superClass.constructor.call(this,name);//低耦合

                 //person.call(this,name)  //  高耦合

                 this.books = books;

                 this.getBook = function(){

                     return this.name +" "+this.books;

                 }

             }

             //继承

             extend(Author,Person);

             var peter = new Author("张丹","javascript");

             alert(peter.getBook());

             //聚合

             //第一种：原型上方法的聚合

             //掺元类：  有时候不需要严格的继承，真正需要的是一个类（几个类）中的一些函数。

             var JSON = {};

             JSON.prototype = {

                 changeString:function(){

                     var output = [];

                     for(key in this){

                         output.push(key+"-->"+this[key]);

                     }

                     return output;

                 }

             }

             //制作聚合函数

             function mixin(receivingClass,givingClass){

                 for(method in givingClass.prototype){

                     // 本类中没有这个函数情况下再聚合，否则跳过

                     if(!receivingClass.prototype[method]){

                         receivingClass.prototype[method] = givingClass.prototype[method];

                     }

                 }

             };

             //var o = {name:"zhangdan",age:27};

             var o = function(){

                 this.name = "zhangsan";

                 this.age = 27;

             }

             mixin(o,JSON);

             var a = new o();

             document.write(a.changeString().join(","))

             //第二种：类中的函数聚合

             var JSON2 = {

                 toChange:function(){

                     var output = [];

                     for(key in this){

                          output.push(key+"--》"+this[key]);

                     }

                     return output;

                 }

             }

             //聚合函数

             function mixin2(receivingClass,givingClass){

                 for(method in givingClass){

                     if(!receivingClass.__proto__[method]){

                         receivingClass.__proto__[method] = givingClass[method];

                     }

                 }

             }

             var s = {name:"zhangdan",age:30};

             mixin2(s,JSON2);

             document.write(s.toChange().join(","))

         </script>

     </body>

 </html>

JavaScript设计模式-4.继承和聚合的更多相关文章

  1. 《javascript设计模式》笔记之第四章：继承

    一:首先,一个简单的继承实例: 首先是创建一个父类Person: function Person(name) { this.name = name; } Person.prototype.getNam ...

  2. 《JavaScript设计模式 张》整理

    最近在研读另外一本关于设计模式的书<JavaScript设计模式>,这本书中描述了更多的设计模式. 一.创建型设计模式 包括简单工厂.工厂方法.抽象工厂.建造者.原型和单例模式. 1)简单 ...

  3. 《JavaScript设计模式与开发实践》整理

    最近在研读一本书<JavaScript设计模式与开发实践>,进阶用的. 一.高阶函数 高阶函数是指至少满足下列条件之一的函数. 1. 函数可以作为参数被传递. 2. 函数可以作为返回值输出 ...

  4. 常用的Javascript设计模式

    <parctical common lisp>的作者曾说,如果你需要一种模式,那一定是哪里出了问题.他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案. 不管是弱类型 ...

  5. 《Javascript设计模式与开发实践》--读书笔记

    第2章 this call apply bind()方法创建一个新的函数,在bind()被调用时,这个新函数的this被bind的第一个参数指定,其余的参数将作为新函数的参数供调用时使用. bind( ...

  6. JavaScript设计模式经典-面向对象中六大原则

    作者 | Jeskson来源 | 达达前端小酒馆 1 主要学习JavaScript中的六大原则.那么六大原则还记得是什么了吗?六大原则指:单一职责原则(SRP),开放封闭原则(OCP),里氏替换原则( ...

  7. 21种JavaScript设计模式最新记录（含图和示例）

    最近观看了<Javascript设计模式系统讲解与应用>教程,对设计模式有了新的认识,特在此做些记录. 一.UML 文中会涉及众多的UML类图,在开篇需要做点基础概念的认识.以下面的图为例 ...

  8. javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件（三）

    在上一篇<javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)>里,通过采用模板方法模式完成了切换效果对象的构建编写. 接下来就是完成各效果对象的调 ...

  9. javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）

    在上一篇<javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)>里,通过采用迭代器模式完成了各初始化函数的定义和调用. 接下来就要完成各个切换效果的编 ...

随机推荐

  1. jsp中路径的写法

    在JavaWeb开发中,常使用绝对路径的方式来引入JavaScript和CSS文件,这样可以避免因为目录变动导致引入文件找不到的情况 代码” ${pageContext.request.context ...

  2. [label][JavaScript] 自动填充内容的JavaScript 库

    一个帮助你针对不同标签自动填入内容的轻量级javascript类库 - fixiejs http://www.gbtags.com/technology/javascript/20120802-fix ...

  3. ASP.NET Core2基于RabbitMQ对Web前端实现推送功能

    在我们很多的Web应用中会遇到需要从后端将指定的数据或消息实时推送到前端,通常的做法是前端写个脚本定时到后端获取,或者借助WebSocket技术实现前后端实时通讯.因定时刷新的方法弊端很多(已不再采用 ...

  4. docker 版本变化及说明

    Docker从1.13.x版本开始,版本分为企业版EE和社区版CE,版本号也改为按照时间线来发布,比如17.03就是2017年3月,有点类似于ubuntu的版本发布方式. 企业版自然会提供一些额外的服 ...

  5. Open XML操作Excel导入数据

    项目中发现使用OleDb(using System.Data.OleDb)相关对象处理Excel导入功能,不是很稳定经常出问题,需要把这个问题解决掉.项目组提出使用OpenXML来处理Excel的导入 ...

  6. eclipse-->run as --> maven test 中文乱码

    其有一个配置参数forkMode,默认为once,即表示每次运行test时,新建一个JVM进程运行所有test. 这可能会导致乱码问题.首先将forkMode设置为never,即不新建.再运行mvn ...

  7. struts1.x和struts2.x之间的一些区别

    转载自http://blog.csdn.net/john2522/article/details/7436307/ struts2不是struts1的升级,而是继承的webwork的血统,它吸收了st ...

  8. EF框架下的双表查询

    最近想使用ef做一些开发但是遇到了一些小问题就是如何实现多表的查询然后经过查资料终于找出了结果 我们知道ef中表的关系是一对一  一对多  多对多 接下来就讲一下一对一的关系下的栗子 先编写两个表 第 ...

  9. python网络编程--socketserver 和 ftp功能简单说明

    1. socketserver 我们之前写的tcp协议的socket是不是一次只能和一个客户端通信,如果用socketserver可以实现和多个客户端通信.它是在socket的基础上进行了一层封装,也 ...

  10. HTML防止input回车提交表单

    原链接:https://blog.csdn.net/ligang2585116/article/details/44699567 自动提交情况说明: 1.默认情况下,单个输入框,无论按钮的type=& ...