關(guān)于this和self的使用說明_javascript技巧

前兩天在寫一個chrome的extensions，因?yàn)?content里和background交互必需要一個異步方法實(shí)現(xiàn)，如：
代碼如下:
var Test = new Class({
options: {},
initialize: function(args) {
chrome.extension.sendRequest({ 'type':'options' }, function(options) {
this.options = options;
……
});
}
});

這個this應(yīng)該是Test這個對象，但是回調(diào)方法里是空的。難道要把this做參數(shù)傳過去，再call回來？還好，mootools里有個好方法，bind。
代碼如下:
var Test = new Class({
options: {},
initialize: function(args) {
chrome.extension.sendRequest({ 'type':'options' }, function(options) {
this.options = options;
……
}.bind(this));
}
});

這下OK了，繼續(xù)寫：
代碼如下:
var Test = new Class({
options: {},
initialize: function(args) {
chrome.extension.sendRequest({ 'type':'options' }, function(options) {
this.options = options;
$each(this.options, function(o, i) {
if (o == '1') {
this.fun1();
} else {
this.fun2();
}
}.bind(this));
}.bind(this));
},
fun1: function {},
fun2: function {}
});

就算有bind也不容易分清哪個this是什么了。而真實(shí)的代碼比這個要恐怖的多，有的情況下，我們的確需要this指向其它的變量，而不是這個類。
最常用的解決方法，是這樣：
代碼如下:
var Test = new Class({
options: {},
initialize: function(args) {
var _self = this;
chrome.extension.sendRequest({ 'type':'options' }, function(options) {
_self.options = options;
$each(_self.options, function(o, i) {
if (o == '1') {
_self.fun1();
} else {
_self.fun2();
}
});
});
},
fun1: function {},
fun2: function {}
});

我特別定義了一個_self的變量來代替this，這看起來象什么？python！
現(xiàn)在終于體會到python的self絕對不是多此一舉。

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