设计模式(三十) 装饰者模式

//在不改变原有对象的基础上，通过包装扩展使其能增加更多方法和属性

var decorator = function(input, fn){
    var input = document.getElementById(input);
    //若事件源已绑定事件
    if(typeof input.onclick === 'function'){
        //缓存原有事件的回调函数
        var oldClickFn = input.onclick;
        //为事件源定义新事件
        input.onclick = function(){
            oldClickFn();
            fn();
        }
    }else{
        input.onclick = fn;
    }
    //...
}
//给id为aa的元素添加新的事件
decorator('aa', function(){
    //...
})