JavaScript中“匿名函数”和“函数文字”之间的区别？

Question

Learning JavaScript这本书对匿名函数的定义如下...

函数是对象。因此，您可以通过使用构造函数并将函数分配给变量来创建它们 - 就像 String 或 Array 或其他类型一样。在以下代码中，使用Function 构造函数创建了一个新函数，函数体和参数作为参数传入：

var sayHi = new Function("toWhom", "alert('Hi' + toWhom);");

这种类型的函数通常被称为匿名函数，因为函数本身没有被直接声明或命名。

这是 JavaScript 中“匿名函数”的正确定义吗？如果不是，什么是匿名函数，匿名函数和函数字面量有什么区别？

Answer 1

函数表达式和函数声明

由于您对函数感兴趣，所以这里有一些重要的知识。

var abc = function() { ... } 被称为函数表达式。该变量将在执行时分配给该匿名函数，尽管其变量声明将被提升到当前执行上下文（作用域）的顶部。

然而，一个函数表达式也可以被命名，这样它就可以在它的主体中被调用来使其递归。请记住IE has some issues。当你给它一个名字时，它绝对是不是一个匿名函数。

function abc() { ... } 等函数称为函数声明。它的定义被提升到其范围的顶部。它的名称在它及其父级范围内可用。

Further Reading.

---

你的例子

它是一个匿名函数，但分配给变量sayHi。

正如Šime Vidas 所提到的，使用new 运算符实例化一个新的Function 对象，并将参数和函数体作为字符串传入。生成的对象分配给sayHi。

在现实世界中使用这种方法创建函数的情况很少见（尽管它可能只是为了帮助表明函数是对象）。我还相信将其参数列表和函数体作为字符串传递将调用 eval() 类型的函数，当有更好的构造可用时，这很少是好的。

另外，使用Function do not form a closure 创建的函数。

如果出于某种原因我需要创建一个 Function 及其参数和/或正文只能作为字符串提供给我，我只会使用此方法。

在现实世界中，你会这样做......

var sayHi = function(toWhom) {
   alert('Hi' + toWhom);
};

另请参阅Felix 和Šime 的 cmets 进行良好讨论和进一步澄清。

Answer 2

我认为匿名函数的更广泛和更被接受的定义是创建时没有名称的函数。

Answer 3

匿名函数只是一个没有名字的函数。

function(a, b){
  return a + b;
}

上面的代码将毫无用处，因为它没有您可以调用它的名称。所以它们通常被分配给一个变量。

var func = function(a, b){
  return a + b;
}

这很有帮助，因为您可以将匿名函数传递给另一个函数或方法，而无需事先创建函数，如下所示。

function bob(a){
  alert(a());
}

bob(function(){
  return 10*10;
})

Answer 4

这个：

new Function("toWhom", "alert('Hi' + toWhom);")

还有这个：

function(toWhom) { alert('Hi' + toWhom); }

是产生相同结果的两个表达式 - 它们返回一个新的匿名函数对象。

第二个表达式（并且只有第二个表达式）称为函数表达式。您也可以将其称为函数字面量（尽管我们可以争辩说函数声明也是函数字面量）。

Answer 5

function foo(){
    alert("i'm foo, nice to meet you!");
}
var bar = function(){
    alert("I am an anonymous function assigned to the variable \"bar\"");
}