Wie behandelt man findElements Ergebnis?

Question

-Code 1

resultsBoard.findElements(By.css(mySelector)).then(function(elements) { 
    elements.forEach(function(val, idx) { 
    elements[idx].getText().then(function(text) { 
     console.log(text); 
    }); 
    }); 
}); 

-Code 2

resultsBoard.findElements(By.css('mySelector')).then(function(elements) { 
    for (var idx = 0; idx < elements.length; idx++) { 
    elements[idx].getText().then(printText(text)); 
    } 
}); 

Code 1 funktioniert gut und ruft den Text aller Elemente, die meine Wähler abgestimmt. Code 2 gibt mir ein

ReferenceError: text is not defined

Was ist der Unterschied? Warum passiert das?

Answer 1

Das zweite Snippet fügt aufrufende Klammern hinzu, die die Funktion (printText) sofort aufrufen und erwarten, dass text bereits definiert ist. Diese Klammern sind im ersten Snippet nicht vorhanden.

elements[idx].getText().then(printText(text)); 

// is equivalent to... 

var _result = printText(text); 
elements[idx].getText().then(_result); 

Um eine benannte Funktion als Argument liefern, sollten Sie nur als eine Variable seinen Namen verwenden:

elements[idx].getText().then(printText); 

Answer 2

Im ersten Beispiel:

elements[idx].getText().then(function(text) { 
    console.log(text); 
}); 

Die .then(function(text)) Teil gibt den Daten, die Sie von getText() erhalten, einen Namen (Text), damit Sie ihn in der nächsten Zeile verwenden können. Sie tun dies nicht im zweiten Beispiel.

So sollten Sie Ihr zweites Beispiel zu so etwas wie dies umschreiben, um es an die Arbeit:

resultsBoard.findElements(By.css('mySelector')).then(function(elements) { 
    for (var idx = 0; idx < elements.length; idx++) { 
    elements[idx].getText().then(function(text) { 
     printText(text); 
    }); 
    } 
});