JavaScript函数声明风格

Question

在Javascript中，我已经看到了三种不同的方式来定义函数。

• 传统风格：

function foo() { //do something }

• 新的js忍者风格

var foo = function(){ //do something }

• DOM特定样式

window.foo = function(){ //do something }

是什么问题，

是什么上述三者的区别？为什么我应该使用哪一个&？

Answer 1

第一个是函数声明。它被悬挂起来（你可以在当前范围内的任何地方使用它）。

第二个是使用匿名函数的变量定义。变量悬挂，任务保持原位。该功能可能无法使用，直到您分配它的行。

第三个是分配一个全局方法。与第二个类似，虽然与全局对象一起工作，但这并不好。

然而，你能想到的第四种方法（称为函数表达式）：

var foo = function bar(){ //do something } 

这里，酒吧将只提供内部本身，这是递归有用，而不是与它搅动目前的范围。

您正在根据您的需求选择任何方法。我只会投票反对第二种方法，因为它使函数的行为像一个变量。

只要您提到第二个和第三个选项，我想提醒一下，污染性的全局对象是considered bad practice。您最好考虑使用自动执行的匿名函数来创建单独的范围，例如

(function(){ 
    var t = 42; // window.t still does not exist after that 
})(); 

我想你可能会发现在JavaScript Scoping and Hoisting有用的更详细的文章。

Answer 2

首先，请参阅Javascript: var functionName = function() {} vs function functionName() {}。

然后我们找到var foo =和window.foo =之间的差异。

第一个是一个局部范围的变量，它非常可爱（除非它在全局范围内完成）。其次是一个明确的全局，它具有全局的所有常见问题（例如与其他代码冲突的可能性）。