一、背景
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>
