JavaScript-Funktionsreihenfolge: Warum ist das wichtig?

tl;dr Wenn Sie nicht ruft etwas, bis alles geladen, Sie sollten in Ordnung sein.

Edit: Für eine übersicht, welche behandelt auch einige ES6 Erklärungen (letconst): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Scope_Cheatsheet

Dieses seltsame Verhalten hängt davon ab,

1. Wie definieren Sie die Funktionen und
2. Wenn Sie Sie nennen.

Hier einige Beispiele.

bar(); //This won't throw an error
function bar() {}

foo(); //This will throw an error
var foo = function() {}

----

bar();
function bar() {
    foo(); //This will throw an error
}
var foo = function() {}

----

bar();
function bar() {
    foo(); //This _won't_ throw an error
}
function foo() {}

---

function bar() {
    foo(); //no error
}
var foo = function() {}
bar();

Dies ist, weil etwas genannt hochziehen!

Gibt es zwei Möglichkeiten, um Funktionen definiert: Funktion Erklärung und Funktion Ausdruck. Der Unterschied ist ärgerlich und minute, also lasst uns einfach sagen, das etwas falsch: Wenn Sie es schreiben, wie function name() {}es ist ein Erklärungund wenn Sie es schreiben wie var name = function() {} (oder eine anonyme Funktion zugewiesen, um eine Rückkehr, wie die Dinge), es ist eine Funktion, Ausdruck.

Zuerst sehen wir uns an, wie Variablen behandelt werden:

var foo = 42;

//the interpreter turns it into this:
var foo;
foo = 42;

Nun, wie die Funktion Erklärungen behandelt werden:

var foo = 42;
function bar() {}

//turns into
var foo; //Insanity! It's now at the top
function bar() {}
foo = 42;

Den var Aussagen "wirft" die Erstellung von foo bis ganz nach oben, aber nicht den Wert zuzuweisen, um es noch. Die Deklaration der Funktion kommt als Nächstes in der Linie, und schließlich wird ein Wert zugewiesen foo.

Und was ist das?

bar();
var foo = 42;
function bar() {}
//=>
var foo;
function bar() {}
bar();
foo = 42;

Nur die Erklärung von foo ist nach oben verzogen. Die Abtretung kommt nur nach dem Aufruf bar gemacht wird, wo es war, bevor alle den Hub aufgetreten.

Und schließlich, für Prägnanz:

bar();
function bar() {}
//turns to
function bar() {}
bar();

Nun, was über die Funktion Ausdrücke?

var foo = function() {}
foo();
//=>
var foo;
foo = function() {}
foo();

Genauso wie normale Variablen, erste foo ist erklärt am höchsten Punkt des Umfangs, dann ist es ein Wert zugewiesen.

Lasst uns sehen, warum das zweite Beispiel wirft einen Fehler.

bar();
function bar() {
    foo();
}
var foo = function() {}
//=>
var foo;
function bar() {
    foo();
}
bar();
foo = function() {}

Wie wir zuvor gesehen haben, nur das erstellen der foo ist gehisst, die Zuordnung kommt, wo es erschien in der "original" (un-gehisst) - code. Wenn bar aufgerufen wird, ist es vor foo wird ein Wert zugewiesen, so foo === undefined. Jetzt in der Funktion Körper bares ist wie wenn Sie undefined()die wirft einen Fehler.

InformationsquelleAutor der Antwort Zirak

Gibt es viel zu viele Menschen drängen, willkürliche Regeln, wie JavaScript geschrieben werden sollte. Die meisten Regeln sind völliger Quatsch.

Funktion hochziehen ist eine Funktion in JavaScript, denn es ist eine gute Idee.

Wenn Sie haben eine interne Funktion, die oft den nutzen der inneren Funktionen, indem es an den Anfang der äußeren Funktion ist ein akzeptabler Stil, code zu schreiben, aber es hat den Nachteil, dass Sie gelesen haben, über die details zu dem, was der äußeren Funktion hat.

Sollten Sie halten Sie sich an ein Prinzip in Ihrer gesamten Codebasis, entweder man private Funktionen zuerst oder zuletzt in Ihrem Modul oder Funktion. JSHint ist gut für die Durchsetzung der Konsistenz, aber Sie sollten ABSOLUT passen .jshintrc zu Ihren Bedürfnissen passen, die NICHT passen Sie Ihren source-code zu anderen Völkern verrückte Codierung Konzepte.

Einen codierungsstil, dass Sie vielleicht in der wildnis, die Sie vermeiden sollten, weil es Ihnen keine Vorteile und nur möglich, refactoring Schmerzen:

function bigProcess() {
    var step1,step2;
    step1();
    step2();

    step1 = function() {...};
    step2 = function() {...};
}

Dies ist genau das, was die Funktion hochziehen ist es zu vermeiden. Nur die Sprache zu lernen und nutzen Ihre stärken.

InformationsquelleAutor der Antwort Henrik Vendelbo