设计模式--桥接

坚持并养成习惯，不为有趣真的好难。越是放弃就越多借口不坚持。

桥接模式

思路：分离抽象部分和实现部分，重在相互独立。

多个维度多个变化，不同版本不同类型响应都不同。它就是做"个性化"，适应各种要求做出调整。

好处：灵活、减低耦合、提高扩展性。

场景：插件开发、组件开发

假设我们要开发一个弹窗插件，弹窗有不同的类型：普通消息提醒，错误提醒，每一种提醒的展示方式还都不一样。

首先我们定义两个类：普通消息弹窗和错误消息弹窗。

function MessageDialog(animation) {
  this.animation = animation;
}
MessageDialog.prototype.show = function () {
  this.animation.show();
}
function ErrorDialog(animation) {
  this.animation = animation;
}
ErrorDialog.prototype.show = function () {
  this.animation.show();
}

var MessageDialog=function(animation){this.animation=animation;}
    MessageDialog.prototype.show=function(){this.animation.show();}


    var ErrorDialog=function(animation){this.animation=animation;}
    ErrorDialog.prototype.show=function(){this.animation.show();}




    var LinerAnimation=function(){};
    LinerAnimation.prototype.show=function(){console.log("liner");}

    var EaseAnimation=function(){}; 
    EaseAnimation.prototype.show=function(){console.log("ease");}

    var message=new MessageDialog(new LinerAnimation());
    message.show();

    var error=new ErrorDialog(new EaseAnimation());
    error.show();