为什么在声明变量之前使用分配给变量的函数表达式执行'setTimeout”失败，但使用函数声明执行则成功？

JavaScript 函数声明和求值顺序

问题：

为什么下面的 JavaScript 示例无法执行？

<code class="javascript">(function() {
  setTimeout(someFunction1, 10);
  var someFunction1 = function() { alert('here1'); };
})();</code>

虽然其他类似的示例按预期工作：

<code class="javascript">(function() {
  setTimeout(someFunction2, 10);
  function someFunction2() { alert('here2'); }
})();

(function() {
  setTimeout(function() { someFunction3(); }, 10);
  var someFunction3 = function() { alert('here3'); };
})();

(function() {
  setTimeout(function() { someFunction4(); }, 10);
  function someFunction4() { alert('here4'); }
})();</code>

解决方案：

问题在于函数声明和函数之间的计算顺序函数表达式。

函数声明与表达式

• 声明： 使用 function 关键字声明函数（例如， function someFunction( ）{}）。函数声明在 编译 阶段进行处理。
• 表达式： 使用计算结果为函数的表达式创建函数（例如 () => {} ）。函数表达式在执行阶段进行处理。

求值顺序

JavaScript代码经历两个处理阶段：

1. 编译： 创建变量并处理函数声明。
2. 执行： 执行函数表达式和其他代码。

示例分析

• 示例 1：

  • 函数 someFunction1 被创建为 函数表达式在执行阶段。
  • setTimeout 函数在 someFunction1 完全计算并分配给变量 someFunction1 之前调用。
  • setTimeout 函数接收 someFunction1 的未定义值，并且执行失败。

• 示例 2、3 和 4：

  • 在每个示例中，函数使用 function 关键字进行声明，使其成为函数声明。
  • 函数声明在编译阶段进行处理，因此它们在调用 setTimeout 函数之前就存在。
  • setTimeout 函数收到有效的函数引用并成功执行。

附加说明

• JavaScript 中的函数参数始终是按值传递，这意味着 setTimeout 函数不直接引用变量 someFunction1 ，而是它引用的函数的副本。

以上是为什么在声明变量之前使用分配给变量的函数表达式执行'setTimeout”失败，但使用函数声明执行则成功？的详细内容。更多信息请关注PHP中文网其他相关文章！