js代理模式-代理事件

var delegate = function(client, clientMethod) { return function() { return clientMethod.apply(client, arguments); } } var ClassA = function() { var _color = “red”; return { getColor: function() { console.log(“Color: ” + _color); }, setColor: function(color) { _color = color; } }; };

var a = new ClassA(); a.getColor(); a.setColor("green"); a.getColor(); console.log("执行代理！"); var d = delegate(a, a.setColor); d("blue"); console.log("执行完毕！"); a.getColor();

优点

通过上面的介绍，大家应该能够体会到使用事件委托对于web应用程序带来的几个优点：

1.管理的函数变少了。不需要为每个元素都添加监听函数。对于同一个父节点下面类似的子元素，可以通过委托给父元素的监听函数来处理事件。

2.可以方便地动态添加和修改元素，不需要因为元素的改动而修改事件绑定。

3.JavaScript和DOM节点之间的关联变少了，这样也就减少了因循环引用而带来的内存泄漏发生的概率。