在JavaScript编程中使用代理
上面介绍的是对DOM事件处理时,利用浏览器冒泡机制为DOM元素添加事件代理。其实在纯JS编程中,我们也可以使用这样的编程模式,来创建代理对象来操作目标对象.
var delegate = function(client, clientMethod) {
return function() {
return clientMethod.apply(client, arguments);
}
}
var Apple= function() {
var _color = "red";
return {
getColor: function() {
console.log("Color: " + _color);
},
setColor: function(color) {
_color = color;
}
};
};
var a = new Apple();
var b = new Apple();
a.getColor();
a.setColor("green");
a.getColor();
//调用代理
var d = delegate(a, a.setColor);
d("blue");
//执行代理
a.getColor();
//b.getColor();
上面的例子中,通过调用delegate()函数创建的代理函数d来操作对a的修改。
这种方式尽管是使用了apply(call也可以)来实现了调用对象的转移,但是从编程模式上实现了对某些对象的隐藏,可以保护这些对象不被随便访问和修改。
在很多框架中都引用了委托这个概念用来指定方法的运行作用域。
比较典型的如dojo.hitch(scope,method)和ExtJS的createDelegate(obj,args)。