一、背景
Javascript中的回调函数，相信你们都不陌生，最明显的例子是作Ajax请求时，提供的回调函数，
实际上DOM节点的事件处理方法（onclick,ondblclick等）也是回调函数。javascript
在使用DWR的时候，回调函数能够做为第一个或者最后一个参数出现，如：html
JScript code
function callBack(result){
}
myDwrService.doSomething(param1,param2,callBack);//DWR的推荐方式
//或者
myDwrService.doSomething(callBack,param1,param2);java
二、问题描述
最近在使用Dojo+Dwr的时候，碰到一个问题：
若是回调函数是属于某个对象（记为obj1）的方法，等到DWR执行该回调函数的时候，
上下文却不是obj1。
表现的现象就是在回调函数中访问obj1的任何属性都是undefined。web
版本：Dojo1.3.1和dwr2函数
三、模拟问题的代码
下面的测试代码能够模拟这个问题：测试
JScript code
<html>
<head>
<script>
var context="全局";
var testObj={
context:"初始",
callback:function (str){//回调函数
alert("callback:我所处的上下文中，context="+this.context+"，我被回调的方式："+str);
}
};//建立一个对象，做为测试回调函数的上下文
testObj.context="已设置";
function testCall(){
callMethod(testObj.callback);
callObjMethod(testObj,testObj.callback);
}
function callObjMethod(obj,method){
method.call(obj,"指定显式对象上下文回调");
}
function callMethod(method){
method("经过默认上下文回调");
}
</script>
</head>
<body>
<a href="javascript:void(0)" onclick="testCall()">调用测试</a>
</body>
</html>this
在callObjMethod方法中，我用了两种方式回调“method"方法：
第一种方式：method("经过默认上下文回调");
没有指定上下文，咱们发现回调函数内部访问context的值是全局变量的值，
这说明，执行该方法的默认上下文是全局上下文。spa
第二种方式：method.call(obj,"指定显式对象上下文回调");
指定obj为method执行的上下文，就可以访问到对象内部的context。code
四、研究DWR
由于06年使用DOJO+DWR(1.0)的时候，已经遇到过这个问题，当时没作太多功课，直接改了dwr的源代码。htm
如今用dwr2，因而想先看看DWR是否是对这个问题有新的处理方式，
将dwr.jar中的engine.js拿出来，查看了有关回调的相关代码（_remoteHandleCallback和_execute)，
发现对回调的处理方式彷佛比1.0更简单，没办法将对象和方法一块儿传过去。
五、作进一步的研究
由于此次DWR在项目中的使用太普遍，并且我相信这样的需求应该是能够知足的，因而没有马上修改源码，
首先，在Google上搜Dojo+dwr，没有查到什么结论，可能Dojo的用户不是太多。
因而又搜”javascript callback object context“，获得一篇文章专门介绍java回调函数的问题：
http://bitstructures.com/2007/11/javascript-method-callbacks
最重要的一句话：
When a function is called as a method on an object (obj.alertVal()),
"this" is bound to the object that it is called on (obj).
And when a function is called without an object (func()),
"this" is bound to the JavaScript global object (window in web browsers.)
这篇文章也提供了解决方案，就是使用Closure和匿名方法，
在javascript中，在function内部建立一个function的时候，会自动建立一个closure，
而这个closure就能记住对应的function建立时的上下文。
因此，若是这样：
JScript code
var closureFunc=function(){
testObj.callback();
}
那么不管在什么地方，直接调用closureFunc()和调用testObj.callback()是等价的。
详情参见上面提到的文章：http://bitstructures.com/2007/11/javascript-method-callbacks。
六、改进模拟代码
模拟代码只，咱们再增长一种回调方式：
JScript code
<html>
<head>
<script>
var context="全局";
var testObj={
context:"初始",
callback:function (str){//回调函数
alert("callback:我所处的上下文中，context="+this.context+"，我被回调的方式："+str);
}
};//建立一个对象，做为测试回调函数的上下文
testObj.context="已设置";
function testCall(){
callMethod(testObj.callback);
callWithClosure(function(param){testObj.callback(param);});
callObjMethod(testObj,testObj.callback);
}
function callObjMethod(obj,method){
method.call(obj,"指定显式对象上下文回调");
}
function callMethod(method){
method("经过默认上下文回调");
}
function callWithClosure(method){
method("经过Closure保持上下文回调");
}
</script>
</head>
<body>
<a href="javascript:void(0)" onclick="testCall()">调用测试</a>
</body>
</html>
测试以上代码，咱们能够发现，经过Closure和经过显示指定对象获得的效果一致。
七、模拟更加真实的调用情景
可是以上代码还有一个问题，一般在真实环境中，若是回调函数是对象中方法，那么发起请求的方法也处在同一个对象，
在javascript中，this也能够表明当前对象，但不能直接用在匿名function中用，好比：
JScript code
var testObj={
context:"初始",
callback:function (str){//回调函数
alert("callback:我所处的上下文中，context="+this.context+"，我被回调的方式："+str);
},
caller:function(){
callWithClosure(function(param){this.callback(param);});
}
};//建立一个对象，做为测试回调函数的上下文
以上代码中的this指的不是testObj，而是全局上下文，
须要在closure外写一个临时变量来表明this，完整的代码以下：
JScript code <html> <head> <script> var context="全局"; var testObj={ context:"初始", callback:function (str){//回调函数 alert("callback:我所处的上下文中，context="+this.context+"，我被回调的方式："+str); }, caller:function(){ callWithClosure(function(param){this.callback(param);}); var temp=this; callWithClosure(function(param){temp.callback(param);}); } };//建立一个对象，做为测试回调函数的上下文 testObj.context="已设置"; function testCall(){ callMethod(testObj.callback); testObj.caller(); callWithClosure(function(param){testObj.callback(param);}); callObjMethod(testObj,testObj.callback); } function callObjMethod(obj,method){ method.call(obj,"指定显式对象上下文回调"); } function callMethod(method){ method("经过默认上下文回调"); } function callWithClosure(method){ method("经过Closure保持上下文回调"); } function callback(str){ alert("callback:我是定义在外部的全局函数。"); } </script> </head> <body> <a href="javascript:void(0)" onclick="testCall()">调用测试</a> </body> </html>
