JavaScript设计模式(十一)【桥接模式】

桃扇骨 2021-07-04 16:24 344阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>桥接模式</title>
    </head>
    <body>
    <script> //多维变量类 //运动单元 function Speed(x, y) { this.x = x; this.y = y; } Speed.prototype.run = function() { console.log('运动起来'); } //着色单元 function Color(c1) { this.color = c1; } 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 People(x, y, f) { this.speed = new Speed(x, y); this.font = new Speek(f); } People.prototype.init = function() { this.speed.run(); this.font.say(); } //精灵 function Spirite(x, y, c, s) { this.speed = new Speed(x, y); this.color = new Color(c); this.shape = new Shape(s); } Spirite.prototype.init = function() { this.speed.run(); this.color.draw(); this.shape.change(); } window.onload = function() { var p = new People(10, 12, 16); p.init(); } </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，344人围观）

还没有评论，来说两句吧...

相关阅读

相关设计模式——桥接模式

设计模式——桥接模式 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

客官°小女子只卖身不卖艺/ 2022年12月29日 14:13/ 0 赞/ 142 阅读

相关设计模式-桥接模式

桥接模式简介将一些关系紧密的类拆分为抽象和实现两个独立的层次结构。例子例如空调和电视机，它们都有自己的遥控器，现在让你设计类该如何设计？ 1.

我就是我/ 2022年11月03日 12:00/ 0 赞/ 209 阅读

相关设计模式:桥接模式

前言参考一：[C++设计模式 – 李建忠 – 视频][C_ _ _ _] 参考二：[桥接 - 廖雪峰的官方网站][-] | [桥接模式 - C语言中文网][- C]

「爱情、让人受尽委屈。」/ 2022年08月31日 11:25/ 0 赞/ 205 阅读

相关【设计模式】结构型模式—桥接模式(Bridge Pattern)（十一）

文章目录前言聚合与组合的概念一.桥接模式二.桥接模式适用场景三.桥接模式角色四.桥接模式的实现方式 Imple

川长思鸟来/ 2022年08月31日 00:49/ 0 赞/ 184 阅读

相关【设计模式】桥接模式

前言 Github：[https://github.com/yihonglei/java-design-patterns][https_github.com_yihong

我就是我/ 2022年07月16日 01:27/ 0 赞/ 188 阅读

相关 JavaScript设计模式--桥接模式

桥接模式的作用在于：将抽象与实现隔离开来，以便于两者独立变化。示例1 : 事件监听器应用场合：事件监听器解决问题：代码仅能在web浏览器的环境下运行，在其他环境

亦凉/ 2022年06月17日 04:55/ 0 赞/ 149 阅读

相关设计模式 : 桥接模式

对象的继承关系是在编译时就定义好了,所以无法在运行时改变从父类继承的实现.子类的实现与它的父类有非常紧密的依赖关系.以至于父类实现中的任何变化必然会导致子类发生变

电玩女神/ 2022年05月27日 03:35/ 0 赞/ 237 阅读

相关设计模式(十)——桥接模式

1、场景商城系统中常见的商品分类，以电脑为类，如何处理好商品分类销售的问题？我们可以用多继承结构实现右图的关系 ![70][] 问题

亦凉/ 2022年05月16日 04:53/ 0 赞/ 130 阅读

相关 Java设计模式(十五)：桥接设计模式

1. 应用场景假如你正在为一个新的人体工学且友好的电视遥控器编程。你要使用好的OO技能，让所有的遥控器都基于相同的抽象，对此抽象又做出不同的实现—每部不同型号的电视机都

柔情只为你懂/ 2022年03月29日 09:56/ 0 赞/ 227 阅读

相关 JavaScript设计模式(十一)【桥接模式】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

桃扇骨/ 2021年07月04日 16:24/ 0 赞/ 345 阅读