乔接模式

// 乔接模式。

// 桥接模式（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()