Konnte die Länge nicht

Question

Ich bin Anfänger zu Javascript-Konzepten. Warum bekomme ich den unterschiedlichen Ausgang für die gleiche Variable Länge? Während es das erwartete Ergebnis im Körper zeigt?

var length; 
element.all(by.className("className")).getText().then(function(items){ 
    length = items.length; 
    console.log("1st output = "+length);//1 
    console.log("2nd output = "+items.length);//1 
}); 
console.log("3rd output = "+length);//undefined 

Ausgang: - 1. Ausgang = 1

2. Ausgang = 1

3. Ausgang = undefined

Answer 1

Weil Ihr all() async Anruf ist so console.log laufen, bevor Sie then Kette beenden und weisen Sie den Wert length

Answer 2

Die element.all(by.className("className")).getText()) Aufruf in Ihrer Funktion gibt etwas zurück, das ein Versprechen genannt wird - es führt etwas Code aus, und nachdem dieser Code ausgeführt wird, ruft er die Funktion innerhalb auf. Dies geschieht jedoch unabhängig vom Rest Ihres Programms - so führt es weiterhin die console.log nach der Anweisung.

Dies führt zu einer sogenannten Racebedingung, bei der die Reihenfolge der Operationen nicht definiert werden kann.

Answer 3

Alle vorherigen Antworten erklären bereits, was passiert und warum. So ist es klar, dass Ihr 3. console.log ausgeführt wird, bevor Ihr then() Zustand endet.

Was können Sie versuchen, ist dies:

var length; 
element.all(by.className("className")).getText().then(function(items){ 
    length = items.length; 
    console.log("1st output = "+length);//1 
    console.log("2nd output = "+items.length);//1 
}); 
browser.waitForAngular(); //add this line to let Protractor wait for Async tasks to be resolved first 
console.log("3rd output = "+length); 

jedoch die 3. console.log halten() innerhalb der then() Aussage wäre die geeignetere Lösung sein.