Javascript函数定义语法[重复]

Question

可能重复：
JavaScript: var functionName = function() {} vs function functionName() {}
Declaring functions in JavaScript

我见过 2 种在 javascript 中定义函数的不同语法：

function f() {
   ...
}

还有

var f = function() {
    ...
};

这些有什么区别？其中之一是否已弃用？

Answer 1

两者都已弃用，两者都可以使用。这里的区别在于，一个是命名函数（function f()），而另一个是等于函数的变量（var f = function()）。

在设置变量等于函数时必须小心。这将起作用：

var f = function(n) { console.log(n); };
f(3); // logs 3

但这会中断，因为变量是在调用它之后定义的。

f(3); // what is f? breaks.
var f = function(n) { console.log(n); };

但是正常的功能可以正常工作。

function abc(n) { console.log(n); }

abc(3); // logs 3
xyz(5); // logs 5

function xyz(n) { console.log(n); }

这是因为代码在执行前经过分析，所有函数都可以调用。但是将 var 设置为等于函数就像将 var 设置为其他任何内容。发生的顺序很重要。

现在是一些更令人困惑的东西......

还有“自执行”匿名函数。他们有各种各样的名字。最常见的方法如下所示：

(function() {
    // code in here will execute right away
    // since the () at the end executes this (function(){})
})();

还有一个可以说更好的版本。

!function() {
    // again, the tailing () will execute this
}();

查看this Stack Overflow post 了解有关匿名函数的更多信息。