Unerwartete Verhalten mit Javascript Objekt Literal Notation

Question

Ich habe experimentiert mit Javascript Objekt Literal Notation vs Funktionen mit Prototypen und habe in einen Fehler, den ich nicht herausfinden kann laufen.

Hier ist der entsprechende Code:

var MyTestObj = { 

    myTestFunction: function() { 
    var myArray = [] 

    console.log('Before:'); 
    console.log(myArray); 
    console.log(myArray.length); 
    console.log('---'); 

    for (var mi = 0; mi < 5; mi++) { 
     myArray.push(1); 
    } 

    return myArray; 
    } 
} 

Wenn ich rufe console.log (arr) ich es erwartet hatte Ausgang [], sondern ich dieses:

> MyTestObj.myTestFunction() 
    Before: 
    [1, 1, 1, 1, 1] 
    0 
    --- 
    [1, 1, 1, 1, 1] 

Kann jemand erklären, warum myArray hat bereits einen Wert, wenn ich es vor der Schleife ausgab? Und warum gibt es unmittelbar danach die richtige Länge (0) aus?

Schätzen Sie die Hilfe.

Answer 1

Es ist eine Eigenart von Chrome und Safari-Konsole. Das Array wird nicht sofort zur Anzeige ausgewertet.

Wenn Sie .slice() es, wird es ordnungsgemäß angezeigt, da das Array nur Primitive hat.

console.log('Before:'); 
console.log(myArray.slice()); // <-- copy the Array 
console.log(myArray.length); 
console.log('---');