迭代期間的回調範圍

Question

我知道有很多關於回調，範圍和關閉的問題。如果這是重複的，我提前道歉。

我有一個每個循環調用一個函數，執行多個異步操作，然後發出回調。當回調觸發時，我正在失去範圍（顯然）。我所做的是將循環中的項目傳遞給函數，然後在回調函數中將其返回，以便獲得我需要的範圍。這是做這件事的最好方法嗎？我不是在尋找過於複雜的東西。我只是想確保我不會遇到任何「陷阱」。

function doSomething(varA, varB, self, callback) { 
    // do a lot of ajax stuff 
    callback(varA + varB, self); 
} 

$.each($('.selected'), function(i, item) { 
    doSomething('a', 'b', item, function(retVal, self) { 
    // process retVal and self 
    } 
} 

Answer 1

你有什麼看起來不錯，但一兩件事：用$.each()代替.each()。試試這個：

$('.selected').each(function(i, item) { 
    doSomething('a', 'b', item, function(retVal, self) { 
    // process retVal and self 
    } 
} 

Answer 2

如果你不需要內部doSomething元素參考，您可以在此創建一個封閉，稍微整潔方式：

function doSomething(varA, varB, callback) { 
    // do a lot of ajax stuff 
    callback(varA + varB); 
} 

$.each($('.selected'), function() { 
    var self = this; 
    doSomething('a', 'b', function(retVal) { 
    // process retVal and self 
    } 
}); 

Answer 3

主要的「疑難雜症」的人跑與ajax和循環試圖重用函數內部的迭代變量，稍後執行。例如

for (var i in col) { 
    $.ajax({ 
    url: '...' + i + '.html', 
    success: function() { 
     console.log(i); // Why is i different??? 
    } 
    }); 
} 

這種「疑難雜症」發生時，因爲有在所有的success回調共享的i 1個實例。

在您的情況下，儘管每個「迭代」級別都有一個i。所以這個陷阱不會打你。

Answer 4

由於在.each()函數中定義，item仍然在您到達回調函數的時間範圍內。因此，如果doSomething()從不使用self，則不需要傳遞它。你可以只引用item：現在

function doSomething(varA, varB, callback) { 
    // do a lot of ajax stuff 
    callback(varA + varB); 
} 

$('.selected').each(function(i, item) { 
    doSomething('a', 'b', function(retVal) { 
    // process retVal and item 
    }); 
}); 

，如果回調中的.each()外部定義，你必須做你的方式，傳遞給itemdoSomething()：

function doSomething(varA, varB, self, callback) { 
    // do a lot of ajax stuff 
    callback(varA + varB, self); 
} 
function doSomethingCallback(retVal, self) { 
    // process retVal and item 
} 

$('.selected').each(function(i, item) { 
    doSomething('a', 'b', item, doSomethingCallback); 
});