条件语句中的函数声明

在 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”。

建议：

为避免意外行为，建议使用函数表达式有条件定义函数时的函数声明。函数表达式创建只能在其直接作用域内访问的作用域函数。