Sehr seltsames Verhalten bei der Verwendung von "var" Schlüsselwort in einer Ajax Anfrage

Question

Ich habe mir eine Weile Sorgen gemacht und ich kann nicht erkennen, was wirklich passiert. Erklärung in Code-Kommentaren. Es gibt 2 Versionen einer Anwendung, eine davon wirft seltsame Ergebnisse und die zweite die erwartete Arbeit.

var id = "test1"; 

$.post("http://fiddle.jshell.net/echo/json/", {"data": "data"}, function(a) { 
    alert(id); // will throw undefined 

    var id = "test2"; 
    alert(id); // will throw "test2" as expected 
}); 

---

$.post("http://fiddle.jshell.net/echo/json/", {"data": "data"}, function(a) { 
    alert(id); // will throw "test1" as expected 

    id = "test2"; 
    alert(id); // will throw "test2" as expected 
}); 

Ich bin mir nicht sicher, ob es etwas mit Ajax-Aufruf zu tun hat, oder eine anonyme Funktion, aber das ist nur die Art, wie ich dies so entdeckte ich es dort besser zu halten. Könnte jemand erklären, was ich vermisse? Warum verhält es sich anders, wenn ich das Schlüsselwort var weglasse? Sie können alles ausprobieren here on jsFiddle

Answer 1

Cool, Sie haben entdeckt hoisting. MDN erklärt es wie jemand so gut:

Da Variablendeklarationen (und Erklärungen im Allgemeinen) sind verarbeitet, bevor ein Code ausgeführt wird, eine Variable überall im Code deklarieren gleichwertig ist es an der Spitze zu erklären. Dies bedeutet auch , dass eine Variable verwendet werden kann, bevor sie deklariert wird. Dieses Verhalten wird als "Hochziehen" bezeichnet, da die Deklaration der Variablen an den Anfang des Funktions- oder globalen Codes verschoben wird.

Codebeispiel von MDN unten stehenden Link:

bla = 2 
var bla; 
// ... 

// is implicitly understood as: 

var bla; 
bla = 2; 

Sie können sehen, wie dies in der "seltsame Verhalten" führen wird:

alert(testId); 
var testId = 2; 

entspricht:

var testId; 
alert(testId); 
testId = 2; 

Was bringt mich zu dem letzten Stück Wissen, das ich vermitteln kann, immer Ihre Variablen, die am Anfang der Codeblöcke deklarieren so dass diese „seltsame Verhalten“ in Ihre Programme codiert (und Sie nie wieder abwirft):

function someFunction() { 
    var 
    firstVar, 
    secondVar, 
    thirdVar; 

    //rest of your code statements here 
} 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var#var_hoisting

Answer 2

Seine Hebe genannt. var id wird an den Anfang der Funktion verschoben.

Answer 3

Wie die anderen sagten, ist es hissen. Aber nur, damit Sie eine bessere Sicht auf haben kann, was geschieht, der erste Code ist tatsächlich wie folgt ausgeführt:

var id = "test1"; 

$.post("http://fiddle.jshell.net/echo/json/", {"data": "data"}, function(a) { 
    // this is because of hoisting 
    var id = undefined; 
    alert(id); // will throw undefined 

    id = "test2"; 
    alert(id); // will throw "test2" as expected 
});