Wie verhalten sich Funktionsdeklarationen innerhalb von if/else-Anweisungen in JavaScript?

Funktionsdeklarationen in if/else-Anweisungen

Wenn Funktionsdeklarationen in if/else-Anweisungen vorkommen, kann ihre Handhabung je nach JavaScript variieren Umfeld. Im bereitgestellten Codeausschnitt sind Funktionsdeklarationen in jedem if/else-Zweig definiert:

var abc = '';
if (1 === 0) {
  function a() {
    abc = 7;
  }
} else if ('a' === 'a') {
  function a() {
    abc = 19;
  }
} else if ('foo' === 'bar') {
  function a() {
    abc = 'foo';
  }
}
a();
document.write(abc); // Expected output: foo

Unter ECMAScript 5 (ES5) zeigt der obige Code im nicht-strikten Modus unvorhersehbares Verhalten. Verschiedene Browser und Engines behandeln Funktionsdeklarationen innerhalb von Blöcken unterschiedlich.

In ECMAScript 2015 (ES2015) und höher sind Funktionsdeklarationen jedoch innerhalb von Blöcken zulässig. Funktionsdeklarationen innerhalb solcher Blöcke sind auf den Block beschränkt. Im Codeausschnitt wird die Funktion a im innersten if-Block deklariert. Infolgedessen ist es im globalen Bereich undefiniert, was zu einem Fehler der undefinierten Funktion führt:

if ('foo' === 'bar') {
  function a() {
    abc = 'foo';
  }
}
a(); // Error: a is not defined

Für die Definition bedingter Funktionen wird empfohlen, Funktionsausdrücke anstelle von Deklarationen zu verwenden:

var a = 'foo' === 'bar' ? function() {
  abc = 'foo';
} : function() {
  abc = 19;
};
a();
document.write(abc); // Expected output: 19

Das obige ist der detaillierte Inhalt vonWie verhalten sich Funktionsdeklarationen innerhalb von if/else-Anweisungen in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!