乔接模式

// 乔接模式。

// 桥接模式(Bridge)将抽象部分与它的实现部分分离,使它们都可以独立地变化。

// 其实就是函数的封装,比如要对某个DOM元素添加color和backgroundColor,可以封装个changeColor函数

// 同将抽象和实现也进行了充分的解耦,也有利于分层


 

class Speed { // 运动模块

constructor(x, y) {

this.x = x

this.y = y

}

run() { console.log(`运动起来 ${this.x} + ${this.y}`) }

}

 

class Color { // 着色模块

constructor(cl) {

this.color = cl

}

draw() { console.log(`绘制颜色 ${this.color}`) }

}

class Speak {

constructor(wd) {

this.word = wd

}

say() { console.log(`说话 ${this.word}`) }

}

 

class Ball { // 创建球类,可以着色和运动

constructor(x, y, cl) {

this.speed = new Speed(x, y)

this.color = new Color(cl)

}

init() {

this.speed.run()

this.color.draw()

}

}

class Man { // 人类,可以运动和说话

constructor(x, y, wd) {

this.speed = new Speed(x, y)

this.speak = new Speak(wd)

}

init() {

this.speed.run()

this.speak.say()

}

}

const man = new Man(1, 2, 'hehe?')

man.init()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值