javascript - JavaScript 中的函数表达式与声明有什么区别？

Question

这个问题已经有答案了:

var functionName = function() {} vs function functionName() {} (41 个回答)

已关闭 10 年前。

下面几行代码有什么区别？

//Function declaration
function foo() { return 5; }

//Anonymous function expression
var foo = function() { return 5; }

//Named function expression
var foo = function foo() { return 5; }

问题:

1. 什么是命名/匿名函数表达式？
2. 什么是声明函数？
3. 浏览器如何以不同的方式处理这些结构？

对类似问题 ( var functionName = function() {} vs function functionName() {} ) 的回答有何不完全正确？

Answer 1

它们实际上非常相似。调用它们的方式是完全相同的。不同之处在于浏览器如何将它们加载到执行上下文中。

函数声明在执行任何代码之前加载。

函数表达式仅在解释器到达该行代码时加载。

因此，如果您尝试在加载之前调用函数表达式，您将收到错误!如果您改为调用函数声明，它将始终有效，因为在加载所有声明之前无法调用任何代码。

示例:函数表达式

alert(foo()); // ERROR! foo wasn't loaded yet
var foo = function() { return 5; } 

示例:函数声明

alert(foo()); // Alerts 5. Declarations are loaded before any code can run.
function foo() { return 5; } 

至于你问题的第二部分:

var foo = function foo() { return 5; } 与其他两个确实相同。只是这行代码曾经在 safari 中导致错误，但现在不再这样做了。