JavaScript函數「迴歸這」不工作

Question

我有以下的功能，它只是通過對象的列表中運行並返回正確的：

function findLine(textElement,caretIndex){ 
    jQuery.each(textElement.lines(), function() { 
     if(this.startIndex <= caretIndex && this.endIndex >= caretIndex) { 
      alert(this); 
      return this; 
     } 
    }); 
} 

當我用這個稱呼它我得到的回報undefined。

line = findLine(textElement,caretIndex); 
alert(line); 

奇怪的是，當我運行line = findLine(textElement,caretIndex);函數內的警報被激發並返回正確的結果。所以this是正確的值，但是當功能外的第二個警報被解僱時，我得到undefined。

當我從函數返回值或者將該值賦給變量時，發生錯誤。我在這裏做錯了什麼？

Answer 1

從jQuery文檔上.each()：

我們可以通過將回調函數返回false突破$。每（）循環在特定的迭代。返回非錯誤與for循環中的continue語句相同;它會立即跳到下一個迭代。

所以你return this說法本質上是一種continue語句，因爲this是不假。改變你的功能，這可能工作（未經測試...而且有可能是更好的功能比。每次使用（）如.filter（）或.grep（））：

function findLine(textElement,caretIndex){ 
    var result; 
    jQuery.each(textElement.lines(), function() { 
     if(this.startIndex <= caretIndex && this.endIndex >= caretIndex) { 
      alert(this); 
      result = this; 
      return false; // returning false in the callback just causes the loop to exit 
     } 
    }); 

    return result; 
} 

Answer 2

問題是，你是return this是jQuery.each方法的回調，並且你的findLine不返回任何東西。

function findLine(textElement,caretIndex){ 
    return jQuery.each(textElement.lines(), function() { 
     if(this.startIndex <= caretIndex && this.endIndex >= caretIndex) { 
      alert(this); 
      return this; 
     } 
    }); 
} 

如果return的jQuery.each叫你將與一個包含你想每個this一個jQuery對象告終。