JavaScript-装饰器函数(Decorator)

JavaScript-装饰器函数(Decorator)

用于给对象在运行期间动态的增加某个功能，职责等。相较通过继承的方式来扩充对象的功能，装饰器显得更加灵活，首先，我们可以动态给对象选定某个装饰器，而不用hardcore继承对象来实现某个功能点。其次：继承的方式可能会导致子类繁多，仅仅为了增加某一个单一的功能点，显得有些多余了。

下面给出几个常用的装饰器函数示例，相关代码请查看github

1 动态添加onload监听函数

        function addLoadEvent(fn) {
   
            var oldEvent = window.onload;
            if(typeof window.onload != 'function') {
                window.onload = fn;
            }else {
                window.onload = function() {
   
                    oldEvent();
                    fn();
                };
            }
        }
        function fn1() {
   
            console.log('onloadFunc 1');
        }