桥接模式之多元化类之间的实例化调用实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>桥接模式之多元化类之间的实例化调用</title>
    <script type="text/javascript">
    //多维类的声明和调用(有点像类职责链模式)
    //这些功能类也可看作是功能模块的抽象层
    //运动类模块
    var Speed = function(x,y){
        this.x = x;
        this.y = y;
    }
    Speed.prototype.run = function(){
        console.log('跑起来');
    }
    //着色类模块
    function Color(cl){
        this.color = cl;
    }
    Color.prototype.draw = function(){
        console.log('绘制颜色');
    }
    //变形类模块
    function Shape(sp){
        this.shape = sp;
    }
    Shape.prototype.change = function(){
        console.log('改变形状');
    }
    //说话类模块
    function Speek(wd){
        this.word = wd;
    }
    Speek.prototype.say = function(){
        console.log('我可以说话');
    }
    //具体实现层的几个类，在功能上调用上面的抽象类
    //接下来我们想创建一个球类，可以运动，可以着色
    function Ball(x,y,c){
        this.speed = new Speed(x,y);//实现运动单元
        this.color = new Color(c);//实现着色单元
    }
    Ball.prototype.init = function(){
        this.speed.run();  //实现运动方法
        this.color.draw(); //实现着色方法
    }
    //同样我们想创造一个人类，他可以运动可以说话
    function Person(x,y,f){
        this.speed = new Speed(x,y);
        this.speek = new Speek(f);
    }
    Person.prototype.init = function(){
        this.speed.run();
        this.speek.say();
    }
    //最后我们想创造一个精灵类，他可以运动可以说话可以着色可以变形
    function Spirite(x,y,c,f,s){
        this.speed = new Speed(x,y);
        this.speek = new Speek(f);
        this.color = new Color(c);
        this.shape = new Shape(s);
    }
    Spirite.prototype.init = function(){
        this.speed.run();
        this.speek.say();
        this.color.draw();
        this.shape.change();
    }
    //测试用例
    var p = new Person(10,12,16);
    p.init();
    //本例已经通过验证
    </script>
</head>
<body>
</body>
</html>

js原生设计模式——13桥接模式(相同业务逻辑抽象化处理的职责链模式)的更多相关文章

  1. C#设计模式之二十一职责链模式（Chain of Responsibility Pattern）【行为型】

    一.引言   今天我们开始讲"行为型"设计模式的第八个模式,该模式是[职责链模式],英文名称是:Chain of Responsibility Pattern.让我们看看现实生活中 ...

  2. 责任链模式 职责链模式 Chain of Responsibility Pattern 行为型 设计模式（十七）

    责任链模式(Chain of Responsibility Pattern) 职责链模式 意图 使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系 将这些对象连接成一条链,并沿着这 ...

  3. C#设计模式之二十职责链模式（Chain of Responsibility Pattern）【行为型】

    一.引言 今天我们开始讲“行为型”设计模式的第八个模式,该模式是[职责链模式],英文名称是:Chain of Responsibility Pattern.让我们看看现实生活中的例子吧,理解起来可能更 ...

  4. C#设计模式学习笔记：(20)职责链模式

    本笔记摘抄自:https://www.cnblogs.com/PatrickLiu/p/8109100.html,记录一下学习过程以备后续查用. 一.引言 今天我们要讲行为型设计模式的第八个模式--职 ...

  5. Java设计模式（二十一）：职责链模式

    职责链模式(Chain Of Responsibility Pattern) 职责链模式(Chain Of Responsibility Pattern):属于对象的行为模式.使多个对象都有机会处理请 ...

  6. 深入浅出设计模式——职责链模式（Chain of Responsibility Pattern）

    模式动机 职责链可以是一条直线.一个环或者一个树形结构,最常见的职责链是直线型,即沿着一条单向的链来传递请求.链上的每一个对象都是请求处理者,职责链模式可以将请求的处理者组织成一条链,并使请求沿着链传 ...

  7. javascript设计模式——职责链模式

    前面的话 职责链模式的定义是使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系,将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它为止.职责链模式的名字非常形象,一 ...

  8. C#设计模式系列：职责链模式（Chain of Responsibility）

    1.职责链模式简介 1.1>.定义 职责链模式是一种行为模式,为解除请求的发送者和接收者之间的耦合,而使多个对象都有机会处理这个请求.将这些对象连接成一条链,并沿着这条链传递该请求,直到有一个对 ...

  9. java设计模式-----18、职责链模式

    概念: Chain of Responsibility(CoR)模式也叫职责链模式.责任链模式或者职责连锁模式,是行为模式之一,该模式构造一系列分别担当不同的职责的类的对象来共同完成一个任务,这些类的 ...

随机推荐

  1. 使用JAVA NIO实现的UDP client和server

    //////////////////////////////////////////////////////////////////////////////////////////////////// ...

  2. Zencart 500错误查找和解决方法

    有时在一些虚拟主机下(如HostMonster,BlueHost),Zencart网站会莫名奇妙输出空白页面,查看HTTP头,其实可以看到是500错误.至于500错误的出现原因,一般是由于服务器脚本或 ...

  3. HDU 2167 Pebbles(状压DP)

    题目链接:Pebbles Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Tota ...

  4. boost锁的使用

    boost锁的概述 boost库中提供了mutex类与lock类,通过组合可以轻易的构建读写锁与互斥锁. ▲     mutex对象类 mutex类提供互斥量,主要有两种:boost::mutex,b ...

  5. vm10虚拟机安装Mac OS X10.10教程

    VM10装Mac OS X 10.9.3及更新到Mac OS X 10.10,让你的windows也能玩Swift .  最近WWDC放出终极大招——新的编程语言Swift(雨燕),导致一大波程序员的 ...

  6. hibernate--一对多单向关联 (重点!!!)

    多对一是在多的类上存在一的对象 一对多是在一的类上存在多的集合. 多的类 user.java: package com.bjsxt.hibernate; import javax.persistenc ...

  7. kafka第六篇---多个进程读不齐

    问题: 4台kafka组成的集群,多余5个进程读的话,造成偏移不齐. 解决办法: 用小于4个进程执行,如果执行够快,就可以追得上

  8. Android SDK开发包国内下载地址（转）

    想了解Android 应用开发,但可恨开发环境安装就困难重重,这里找到一个国内下载地址,特转来记录 Android SDK开发包国内下载地址

  9. 设计模式笔记之四：MVP+Retrofit+RxJava组合使用

    本博客转自郭霖公众号:http://mp.weixin.qq.com/s?__biz=MzA5MzI3NjE2MA==&mid=2650236866&idx=1&sn=da66 ...

  10. Eclipse中GIT插件更新工程到之前版本

    因为之前好多次因为对项目文件删除后,发现删除的文件里有些功能模块还是需要的,所以需要恢复到之前的版本.但是一直不知道怎么操作才能恢复到之前版本,索性就直接把工程删了,重新导入,但是这太暴力了,所以看了 ...