为什么需要在同一行上调用匿名函数?

我读了一些关于闭包的帖子，到处都看到了这个，但是没有明确的解释它是如何工作的——每次我都被告知要使用它…:

// Create a new anonymous function, to use as a wrapper
(function(){
    // The variable that would, normally, be global
    var msg = "Thanks for visiting!";

    // Binding a new function to a global object
    window.onunload = function(){
        // Which uses the 'hidden' variable
        alert( msg );
    };
// Close off the anonymous function and execute it
})();

好的，我看到我们将创建一个新的匿名函数，然后执行它。所以在这之后，这段简单的代码应该工作了(它确实工作了):

(function (msg){alert(msg)})('SO');

我的问题是这里发生了什么魔法?当我写到:

(function (msg){alert(msg)})

然后将创建一个新的未命名函数，如function ""(msg)…

但为什么这行不通呢?

(function (msg){alert(msg)});
('SO');

为什么要在同一条线上?

你能给我指出一些帖子或者给我一个解释吗?

当前回答

匿名函数是动态声明的函数运行时。它们被称为匿名函数，因为它们不是以与普通函数相同的方式命名。

匿名函数使用函数操作符声明函数声明的。可以使用函数操作符to 在任何可以放置表达式的地方创建一个新函数。为例如，您可以将一个新函数声明为参数函数调用或分配另一个对象的属性。

下面是一个命名函数的典型例子:

function flyToTheMoon() {
    alert("Zoom! Zoom! Zoom!"); 
}

flyToTheMoon();

下面是创建匿名函数的相同示例:

var flyToTheMoon = function() {
   alert("Zoom! Zoom! Zoom!"); 
}

flyToTheMoon();

详情请浏览http://helephant.com/2008/08/23/javascript-anonymous-functions/

2015-10-12 06:11:04

其他回答

JavaScript函数还有一个属性。如果你想递归调用同一个匿名函数。

(function forInternalOnly(){

  //you can use forInternalOnly to call this anonymous function
  /// forInternalOnly can be used inside function only, like
  var result = forInternalOnly();
})();

//this will not work
forInternalOnly();// no such a method exist

2011-10-17 06:20:11

你展示的代码，

(function (msg){alert(msg)});
('SO');

由两个语句组成。第一个是一个产生函数对象的表达式(由于没有保存，该函数对象随后将被垃圾收集)。第二个是一个产生字符串的表达式。要将函数应用到字符串，您要么需要在创建函数时将字符串作为参数传递给函数(上面也显示了这一点)，要么需要实际将函数存储在变量中，以便稍后在空闲时应用它。像这样:

var f = (function (msg){alert(msg)});
f('SO');

注意，通过在变量中存储匿名函数(lambda函数)，您实际上是在给它一个名称。因此你也可以定义一个普通的函数:

function f(msg) {alert(msg)};
f('SO');

2009-07-16 20:36:38

(function (msg){alert(msg)})
('SO');

这是一种使用匿名函数作为闭包的常见方法，许多JavaScript框架都使用这种方法。

编译代码时自动调用此函数。

如果放置;在第一行，编译器将其视为两个不同的行。所以你不能得到和上面一样的结果。

这也可以写成:

(function (msg){alert(msg)}('SO'));

要了解更多细节，请参阅JavaScript/匿名函数。

2013-12-06 12:05:58

匿名函数意味着一次性处理，即动态地定义一个函数，以便它根据您提供的输入生成一个输出。除了你没有提供输入。相反，你在第二行写了一些东西(‘SO’);-与函数无关的独立语句。你还指望什么?：）

2013-04-23 16:51:15

匿名函数不是名称为“”的函数。它只是一个没有名字的函数。

与JavaScript中的其他值一样，函数不需要创建名称。不过，像绑定其他值一样，将它实际绑定到名称上要有用得多。

但是像任何其他值一样，您有时希望使用它时不将其绑定到名称。这就是自我调用模式。

这是一个函数和一个数字，没有界限，它们什么都不做，永远不能被使用:

function(){ alert("plop"); }
2;

所以我们必须将它们存储在一个变量中才能使用它们，就像任何其他值一样:

var f = function(){ alert("plop"); }
var n = 2;

你也可以使用synatic sugar将函数绑定到一个变量:

function f(){ alert("plop"); }
var n = 2;

但是如果不需要命名它们，并且会导致更多的混乱和更低的可读性，那么您可以立即使用它们。

(function(){ alert("plop"); })(); // will display "plop"
alert(2 + 3); // will display 5

在这里，我的函数和数字没有绑定到一个变量，但它们仍然可以使用。

这样说，看起来自调用函数没有真正的价值。但您必须记住，JavaScript范围分隔符是函数而不是块({})。

因此，自调用函数实际上与c++、c#或Java块具有相同的含义。这意味着在内部创建的变量不会“泄漏”到作用域之外。为了不污染全局作用域，这在JavaScript中非常有用。

2009-07-16 20:48:32

为什么需要在同一行上调用匿名函数?

推荐文章

最新文章

标签