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

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

這下OK了，繼續寫：
代碼如下:
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是什么了。而真實的代碼比這個要恐怖的多，有的情況下，我們的確需要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！
現在終于體會到python的self絕對不是多此一舉。

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