js设计模式之桥接模式

桥接模式：对于不同维度相互组合而不是继承的方式叫桥接，也可以理解为实现与抽象相分离的方式：

 

 

$(function () {
    var my=new myCanvas("changfangx",'red');
    my.init();
});

需求一个不同的形状，渲染各种颜色
var shape=function (name) {
    this.shapeName=name;
}
shape.prototype.getshapeName=function () {
    alert(this.shapeName);
}

var mycolor=function (name) {
    this.color=name;
}
mycolor.prototype.getColor=function () {
    alert(this.color);
}

function  myCanvas(shapeName,color) {
    this.shape=new shape(shapeName);
    this.mycolor=new mycolor(color);
}
myCanvas.prototype.init=function () {
    this.shape.getshapeName();
    this.mycolor.getColor();
}