在JS中创建一个函数

Question

  

可能重复：
  Javascript: var functionName = function() {} vs function functionName() {}

我很好奇在js

中创建一个函数时哪个是最好的实践

function x() {
    ...
}

OR

var x = function() {
    ...
}

是否存在差异或是否完全相同。

Answer 1

x(); // I work
function x() {
    ...
}
y(); // I fail
var y = function() {
    ...
}

第一个是函数声明。您可以在声明之前使用函数。

第二个是为变量赋值。这意味着您可以分配任何内容。

您可以将其分配到foo[0]或foo.bar.baz或foo.get("baz")[0]

Answer 2

我更喜欢第一种形式，因为它是在定义变量之前定义的。

因此，您可以在稍后的范围内调用x，因为解释器已经定义了该函数，即使它稍后可能在您的代码中声明。

使用某些代码会更简单：

x(); //logs "hi"

//...
function x() { 
   console.log("hi"); 
}

VS

x(); //fails

var x = function() { 
   console.log("hi");
};

Answer 3

它们并不完全相同，人们已经提到了前瞻性的差异，这里有一个鲜为人知的细微之处 - 函数名称属性：

function x(){}
x.name; // "x"

var x = function(){};
x.name; // ""

Answer 4

在第二种情况下，您可以将函数作为参数传递并将它们存储在数组中

Answer 5

您可能会觉得这很有用： https://developer.mozilla.org/en/JavaScript/Reference/Functions_and_function_scope

Answer 6

第一个是函数声明，后者是函数表达式。阅读更多here，同时我试图找到一篇非常深入的文章，我曾读过它的差异和含义。

修改：啊，here we go。拿一杯茶，安顿下来进行深入讨论。