匿名函数在Javascript中不起作用？ （或者也许我只是没有匿名函数）

Question

我对JavaScript（和编码）非常陌生，正在研究《 Head First JavaScript 》一书。 从阅读的角度来看，我认为匿名函数可能是参数，因为函数是值，但我认为我可能有这个错误。

根据我的想法，以下代码应输出7 。 而是输出function () { return (m * n); }1 function () { return (m * n); }1根据我的假设，我对字符串做了类似的处理，但它们也未按预期进行处理。

请告诉我，在我对匿名函数的理解，在javascript中使用匿名函数的局限性以及我们为什么总是要使用匿名函数的地方出了错。 非常感谢。

 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <p id="demo"></p> <script> function addIt(x, y) { return (x + y); } var m = 2; var n = 3; var total = addIt(function() { return (m * n); }, 1); document.getElementById("demo").innerHTML = total; </script> </body> </html> 

Answer 1

您没有在addIt()调用该函数。 要调用函数，您必须在其后加上() 。 因此应该是：

function addIt(x, y) {
    return (x() + y);
}

如果要同时允许数字和函数作为参数，则可以使用if进行测试。

 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <p id="demo"></p> <script> function addIt(x, y) { if (typeof x == 'function') { x = x(); } if (typeof y == 'function') { y = y(); } return (x + y); } var m = 2; var n = 3; var total = addIt(function() { return (m * n); }, 1); document.getElementById("demo").innerHTML = total; </script> </body> </html> 

Answer 2

正如Barmar正确指出的那样，问题在于您没有调用匿名函数，因此您正在对函数值而不是数字值 （函数的返回值）进行加法运算。

我对匿名函数的理解出错了

你真的没有 只是知道，当将匿名函数分配给变量时，它的用法几乎与普通函数相同（尽管存在细微差别）。

javascript中使用匿名函数的限制

适用于任何其他类型价值的相同限制。 您可以将其作为参数传递给函数，将其保存在变量中，等等。当然，作为函数，通常最终必须调用它以获取其返回值。

为什么我们要使用匿名函数

闭包 ，主要是。 同样，重要的函数（如setTimeout期望将一个函数作为参数，并且使一个函数可以一次使用然后再也不会有用。