先看一段演示代碼，這代碼只供演示用，沒有實(shí)際意義。

代碼如下:
//一個沒有實(shí)際意義的socket連接對象
var socket =
{
connect: function(host, port)
{
alert('Connecting socket server,host:' + host + ',port:' + port);
}
};
//一個即時通訊類，其中connect方法還將作為AJAX回調(diào)函數(shù)被調(diào)用
function classIm()
{
this.host = '192.168.1.28';
this.port = '8080';
this.connect = function(data)
{
socket.connect(this.host, this.port);
};
}
//實(shí)例化即時通訊類
var IM = new classIm();
//AJAX請求，這里假設(shè)要打開socket連接首先要通過WEB得知用戶WEB登錄成功
$.get('CheckWebLogin.aspx', IM.connect);
運(yùn)行上面的例子，你將看到彈出的host與port都是undefined，那是因?yàn)榛卣{(diào)函數(shù)的this不是指向IM對象，而是jQuery的AJAX配置對象ajaxSettings。在jQuery內(nèi)部是用s.success代替?zhèn)魅氲幕卣{(diào)函數(shù)去執(zhí)行的，而success的調(diào)用對象就是s，即下面ajaxSettings對象的縮寫。

ajaxSettings:
{
url: location.href,
global: true,
type: "GET",
contentType: "application/x-www-form-urlencoded",
processData: true,
async: true
}

為了證明這一點(diǎn)，你可以這樣修改代碼測試一下，你將看到是url、global、type、contentType等對象的屬性名稱：
代碼如下:
this.connect = function(data)
{
for (var key in this)
{
alert(key);
}
}

現(xiàn)在了解了問題所在，接下來想辦法解決這個問題。其實(shí)我們的目的是希望AJAX回調(diào)函數(shù)代碼socket.connect(this.host, this.port)中的this指向類classIm的實(shí)例對象IM，或者說是想socket.connect()方法能得到正確的參數(shù)值吧。為了得到預(yù)期的AJAX回調(diào)函數(shù)執(zhí)行結(jié)果，我分析了大致有下面幾種方法：

方法一

直接傳對象的正確引用而非this指針，或叫對象實(shí)傳。這是最常見的做法，即在類實(shí)例化時用一個變量存儲對當(dāng)前對象的引用，在后面的方法中直接使用此變量代替this的使用。注意：這種方法并沒有真正改變this的指向。演示代碼如下，注意對比前后兩次代碼的區(qū)別，我也特別高亮顯示差異部分代碼。
代碼如下:
var socket =
{
connect: function(host, port)
{
alert('Connecting socket server,host:' + host + ',port:' + port);
}
};
function classIm()
{
var self = this;
this.host = '192.168.1.28';
this.port = '8080';
this.connect = function(data)
{
socket.connect(self.host, self.port);
};
}
var IM = new classIm();
$.get('CheckWebLogin.aspx', IM.connect);

方法二

使用apply加閉包實(shí)現(xiàn)真正改變this的指向。下面方法把函數(shù)調(diào)用時的this對象存到一個臨時變量_method，然后又利用閉包把它傳給返回的function對象，在這個返回的function中使用apply把調(diào)用時對象的this替換為目標(biāo)對象thisObj。這種方法是很多JavaScript框架的做法，而且下面這個Function原型方法正是我從prototype框架精簡而來。注意我是先給Function原型加了Apply方法，這個Apply不是腳本內(nèi)置的apply，是我自定義的，如果你喜歡可以定個別的名字。
代碼如下:
/**
* 改變jQuery AJAX回調(diào)函數(shù)this指針指向
* @param {Object} thisObj 要替換當(dāng)前this指針的對象
* @return {Function} function(data){}
*/
Function.prototype.Apply = function(thisObj)
{
var _method = this;
return function(data)
{
return _method.apply(thisObj,[data]);
};
}
var socket =
{
connect: function(host, port)
{
alert('Connecting socket server,host:' + host + ',port:' + port);
}
};
function classIm()
{
this.host = '192.168.1.28';
this.port = '8080';
this.connect = function(data)
{
socket.connect(this.host, this.port);
};
}
var IM = new classIm();
$.get('CheckWebLogin.aspx', IM.connect.Apply(IM));

方法三

在匿名回調(diào)函數(shù)中再調(diào)用實(shí)際的回調(diào)處理函數(shù)。這種方法雖然可以解決同樣的問題的，但是代碼有點(diǎn)長和多余，實(shí)際開發(fā)中是不建議這樣做的。這種方法是保證了調(diào)用connect方法的對象還是IM對象，從而保證了this指向還是IM對象。代碼如下：
代碼如下:
$.get('CheckWebLogin.aspx', function(data){IM.connect(data)});

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com