javascript中的自动执行函数的用途是什么？

Question

在javascript中，您希望何时使用此选项：

（函数（）{//一堆代码。。。})();

在此基础上：

//一堆代码。。。

Answer 1

这都是关于变量范围的。默认情况下，在自动执行函数中声明的变量仅可用于自动执行函数内的代码。这使得编写代码时不必考虑其他JavaScript代码块中变量的命名方式。

例如，在评论中提到亚力山大:

（函数（）{变量foo=3；console.log（foo）；})();console.log（foo）；

这将首先记录三然后在下一个上抛出错误控制台.log因为foo公司未定义。

Answer 2

简单。看起来很正常，几乎很舒服：

var userName=“Sean”；console.log（名称（））；函数名（）{return userName；}

然而，如果我在我的页面中包含一个真正方便的javascript库，可以将高级字符转换为它们的底层表示，那会怎么样？

等待。。。什么？

我的意思是，如果有人键入带有某种重音的字符，但我只想在我的程序中使用“英语”字符a-Z？好。。。西班牙语的“ñ”和法语的“é”字符可以翻译成基本字符“n”和“e”。

所以有个好人写了一个全面的字符转换器，我可以把它放在我的网站上。。。我把它包括在内。

有一个问题：它有一个名为“name”的函数，与我的函数相同。

这就是所谓的碰撞。我们在同一个函数中声明了两个函数范围具有相同的名称。我们希望避免这种情况。

因此，我们需要以某种方式确定代码的范围。

在javascript中限定代码范围的唯一方法是将其包装在函数中：

函数main（）{//我们现在在自己的隔音房间里//字符转换器库的name（）函数可以存在于//和我们的时间一样。var userName=“Sean”；console.log（名称（））；函数名（）{return userName；}}

这可能解决我们的问题。所有内容都已封闭，只能从左大括号和右大括号中访问。

我们在函数中有一个函数。。。看起来很奇怪，但完全合法。

只有一个问题。我们的代码不起作用。我们的用户名变量永远不会回显到控制台中！

我们可以通过在现有代码块之后添加对函数的调用来解决此问题。。。

函数main（）{//我们现在在自己的隔音房间里//字符转换器库的name（）函数可以存在于//和我们的时间一样。var userName=“Sean”；console.log（name（））；函数名（）{return userName；}}main（）；

或者之前！

main（）；函数main（）{//我们现在在自己的隔音房间里//字符转换器库的name（）函数可以存在于//和我们的时间一样。var userName=“Sean”；console.log（名称（））；函数名（）{return userName；}}

第二个问题：“main”这个名字还没有被使用的可能性有多大。。。非常非常苗条。

我们需要更多的范围界定。以及一些自动执行main（）函数的方法。

现在我们来谈谈自动执行功能（或自我执行、自我运行等）。

((){})();

语法很难理解。然而，它是有效的。

当您将函数定义括在括号中并包含参数列表（另一组或多个括号！）时，它将充当函数呼叫.

因此，让我们用一些自执行语法再次查看我们的代码：

（函数main（）{var userName=“Sean”；console.log（名称（））；函数名称（）{return userName；}})();

所以，在你阅读的大多数教程中，你现在都会被“匿名自我执行”或类似的术语轰炸。

经过多年的专业发展，我强烈地敦促你说出您编写的每个函数用于调试目的。

当出现问题时（它会出现），您将在浏览器中检查回溯。它是总是当堆栈跟踪中的条目具有名称时，更容易缩小代码问题的范围！

Answer 3

自我调用（也称为auto-invocation）是当函数立即执行定义。这是一个核心模式是许多人的基础其他JavaScript模式发展。

我是它的超级粉丝：）因为：

• 它将代码保持在最低限度
• 它强制将行为与表示分离
• 它提供了一个闭包，可以防止命名冲突

巨大的——（为什么你应该说它很好？）

• 它是关于一次定义和执行一个函数。
• 您可以让该自执行函数返回一个值，并将该函数作为参数传递给另一个函数。
• 它有利于封装。
• 它也适用于块范围。
• 是的，您可以将所有.js文件封装在一个自执行函数中，并可以防止全局命名空间污染。）

更多在这里.

Answer 4

名称间距。JavaScript的作用域是功能级的。

Answer 5

我已经阅读了所有答案，这里缺少一些非常重要的东西，我会亲吻。有两个主要原因，为什么我需要自我执行匿名函数，或者更好地说“即时调用函数表达式（IIFE）":

1. 更好的命名空间管理（避免命名空间污染->JS模块）
2. 闭包（模拟私有类成员，如OOP中所知）

第一个问题解释得很好。对于第二个，请学习以下示例：

var MyClosure对象=（函数（）{var MyName='Michael Jackson RIP'；返回{getMyName:function（）{return MyName；}，setMyName:函数（名称）{MyName=name}}}());

注意1：我们没有将函数分配给MyClosure对象，更多调用该函数的结果.注意()在最后一行。

注意2：关于Javascript中的函数，您还需要知道的是，内部函数访问参数和变量在函数中，它们在中定义。

让我们尝试一些实验：

我可以得到我的名字使用获取我的姓名它的工作原理是：

console.log（MyClosureObject.getMyName（））；//迈克尔·杰克逊RIP

以下天真的方法行不通：

console.log（MyClosureObject.MyName）；//未定义的

但我可以设置另一个名称并获得预期结果：

MyClosure Object.setMyName（'George Michael RIP'）；console.log（MyClosureObject.getMyName（））；//乔治·迈克尔·里普

编辑：在上面的示例中MyClosure对象设计用于不带新的前缀，因此按照惯例它不应该大写。

Answer 6

我不敢相信所有的答案都没有提到隐含的全局变量。

这个（函数（）{}）（）construct不能保护隐式全局变量，这对我来说是更大的问题，请参阅http://yuiblog.com/blog/2006/06/01/global-domination/

基本上，功能块确保您定义的所有依赖的“全局变量”都局限于您的程序，它并不能防止您定义隐式全局变量。JS提示或者类似的东西可以提供如何防范这种行为的建议。

更简洁var应用程序={}语法提供了类似级别的保护，在“public”页面上可能会被包装在功能块中。（请参见Ember.js公司或SproutCore公司用于使用此构造的库的真实示例）

就目前而言私有的如果你不创建公共框架或库，那么属性就有点被高估了，但是如果你需要实现它们，道格拉斯·克罗克福德有一些好主意。

Answer 7

可能是范围隔离。这样，函数声明中的变量就不会污染外部命名空间。

当然，在一半的JS实现上，它们都会这样做。

Answer 8

是否有参数且“代码束”返回函数？

vara=函数（x）{return function（）{document.write（x）；}}（something）；

关闭。的值某物被分配给的函数使用一.某物可以有一些不同的值（for循环），并且每次a都有一个新函数。

Answer 9

下面是一个自调用匿名函数的实用示例。

对于（var i=0；i<10；i++）{setTimeout（函数（）{控制台.log（i）})}

输出：10, 10, 10, 10, 10...

对于（var i=0；i<10；i++）{（函数（num）{setTimeout（函数（）{控制台.log（num）})})（i）}

输出：0, 1, 2, 3, 4...

Answer 10

简短的回答是：以防止全球（或更高）范围的污染。

IIFE（立即调用函数表达式）是最佳实践用于将脚本编写为插件、插件、用户脚本或任何预期与其他人的脚本一起使用的脚本。这可以确保您定义的任何变量不会对其他脚本产生意外影响。

这是编写IIFE表达式的另一种方法。我个人更喜欢以下方法：

void函数（）{console.log（'boo！'）；//预期输出：“boo！”}();

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/void

从上面的例子可以很清楚地看出，IIFE也会影响效率和性能，因为预期只运行一次的函数将被处决一次，然后永远扔进空地。这意味着函数或方法声明不会保留在内存中。

Answer 11

一个区别是，您在函数中声明的变量是局部的，所以当您退出函数时，它们会消失，并且不会与其他或相同代码中的其他变量冲突。

Answer 12

首先你必须访问MDN IIFE公司，现在谈谈这个

• 这是立即调用的函数表达式。因此，当您的javascript文件从HTML调用时，该函数会立即调用。
• 这可以防止访问IIFE习惯用法中的变量，并污染全局范围。

Answer 13

自动执行功能用于管理变量的范围。

变量的作用域是程序中定义变量的区域。

全局变量具有全局范围；它在JavaScript代码中的任何位置定义，可以从脚本中的任何地方访问，甚至可以在函数中访问。另一方面，函数中声明的变量仅在函数体中定义。它们是局部变量，具有局部范围，只能在该函数中访问。函数参数也算作局部变量，并且只在函数体中定义。

如下所示，您可以访问函数中的全局变量变量，还请注意，在函数体中，局部变量优先于同名的全局变量。

var globalvar=“globalvar”；//可以在脚本中的任何位置访问此变量函数scope（）{警惕（globalvar）；var localvar=“localvar”//只能在功能范围内访问}范围（）；

因此，基本上，一个自动执行的函数允许编写代码，而不必考虑其他javascript代码块中变量的命名方式。

Answer 14

您可以使用此函数返回值：

var测试=（函数（）{const alternative=function（）{return“错误获取函数”}，方法={GetName：替代，GetAge:替代}//如果不满足条件，将返回默认文本//替换为55<44如果（55>44）{//功能一方法。GetName=函数（名称）{返回名称；};//功能二方法。GetAge=函数（age）{回归年龄；};}返回方法；}());//呼叫console.log（Test.GetName（“Yehia”））；console.log（Test.GetAge（66））；

Answer 15

由于Javascript中的函数是一流的对象，因此通过这样定义它，它可以有效地定义一个“类”，就像C++或C#一样。

该函数可以定义局部变量，并在其中包含函数。内部函数（有效实例方法）将可以访问局部变量（有效实例变量），但它们将与脚本的其余部分隔离。

Answer 16

javascript中的自调用函数：

自动调用（启动）自言自语表达式，而无需调用。自我陶醉的表达在其创建后立即被调用。这基本上是为了避免命名冲突以及实现封装。变量或声明的对象在此函数外部不可访问。为了避免最小化的问题（filename.min），请始终使用自执行函数。

Answer 17

（函数（）{变量foo={name:'bob'};console.log（foo.name）；//鲍勃})();console.log（foo.name）；//参考错误

实际上，上述函数将被视为没有名称的函数表达式。

用右括号和左括号包装函数的主要目的是避免污染全局空间。

函数表达式中的变量和函数变为私有（即，它们在函数外部不可用）。

Answer 18

给出一个简单的问题：“在javascript中，您想什么时候使用这个：…”

我喜欢@ken_browning和@sean_holding的答案，但这里还有一个我没有提到的用法：

让red_tree=新节点（10）；（异步函数（）{for（设i=0；i<1000；i++）{等待red_tree.insert（i）；}})();console.log（'----->red_tree.printInOrder（）：'，red_tree.printInOrder））；

其中Node.insert是一些异步操作。

我不能在声明函数时不使用async关键字就调用await，我不需要命名函数供以后使用，但需要等待插入调用，或者我需要一些其他更丰富的功能（谁知道呢？）。

Answer 19

此方法用于闭包。读一下这个链接了解更多关于闭包的信息。

Answer 20

看起来这个问题已经完全回答好了，但我还是会发表我的意见。

我知道什么时候我喜欢使用自我执行功能。

var myObject={childObject:新函数（）{//一串代码},objVar1:<值>，objVar2:<值>}

该函数允许我使用一些额外的代码来定义childObjects属性和属性，以获得更干净的代码，例如设置常用的变量或执行数学方程；哦！或错误检查。而不是局限于…的嵌套对象实例化语法。。。

对象：{子对象：{childObject:{<value>、<value>和<value>}}, objVar1:<值>，objVar2:<值>}

一般来说，编码有很多模糊的方式来做很多相同的事情，这让你想知道，“为什么要这么麻烦？”但新的情况不断出现，你不能再单独依赖基本/核心原则。

Answer 21

有三件事。

1. 当我们不需要函数名时
2. 当我们想自动运行代码时。
3. 当我们想要创建上下文以避免变量名冲突和变量共享时。

对于exmaple的顶级初始化，小部件初始化可以通过自调用烦人的函数来完成。例如，

（功能（文档）{//此处输入代码})（文件）；

Answer 22

IIRC允许您创建私有属性和方法。