條件語句中的函數宣告

在 JavaScript 中，函數宣告具有不同的行為，取決於流行的語言標準及其執行環境。

嚴格模式 (ES5)

嚴格模式，在 ECMAScript 5 中引入(ES5)，條件語句中不允許使用函數宣告。這是因為函數宣告建立了提升變量，這些變數的作用域為整個函數或全域作用域。將它們放在條件語句中會破壞這個提升機制。

非嚴格模式 (ES5)

然而，在非嚴格模式下，函數宣告的行為在條件語句中是不可預測的。不同的瀏覽器和 JavaScript 引擎實作了自己的規則來處理這種情況，導致結果不一致。

在現代JavaScript (ES2015)

截至2018 年，大多數現代瀏覽器支援ECMAScript 2015 (ES2015)，它引入了對區塊內函數聲明的更嚴格的解釋。在 ES2015 中，函數宣告的作用域為宣告它們的區塊。

範例：

考慮以下程式碼：

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); //writes "foo" even though 'foo' !== 'bar'

在嚴格模式下或在ES2015 中，此程式碼會導致錯誤，因為函數a 未在全域作用域中定義。但是，在非嚴格模式下，它可能會根據實現產生不同的輸出。在提供的範例中，Chrome 輸出“foo”，而 Firefox 輸出“19”。

建議：

為避免意外行為，建議使用函數表達式有條件定義函數時的函數宣告。函數表達式建立只能在其直接作用域內存取的作用域函數。