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

Question

这个问题在这里已经有了答案:

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

关闭 9年前。

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

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

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

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

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

对类似问题 (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 中导致错误，但现在不会了。