在javascript中自我执行函数的目的是什么?

在javascript中，什么时候你想使用这个:

(function(){
    //Bunch of code...
})();

在这:

//Bunch of code...

当前回答

这都是关于变量作用域的。默认情况下，在自执行函数中声明的变量仅可用于自执行函数中的代码。这允许编写代码时不考虑变量在其他JavaScript代码块中的命名方式。

例如，正如Alexander在评论中提到的:

(函数(){ Var foo = 3; console.log (foo); }) (); console.log (foo);

这将首先记录3，然后在下一个console.log上抛出一个错误，因为foo没有定义。

其他回答

由于Javascript中的函数是一等对象，通过这样定义它，它有效地定义了一个类似于c++或c#的“类”。

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

命名空间。JavaScript的作用域是函数级的。

看起来这个问题已经有了答案，但我还是会发表我的意见。

我知道什么时候我喜欢使用自动执行函数。

var myObject = {
    childObject: new function(){
        // bunch of code
    },
    objVar1: <value>,
    objVar2: <value>
}

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

object: {
    childObject: {
        childObject: {<value>, <value>, <value>}
    }, 
    objVar1: <value>,
    objVar2: <value>
}

一般来说，编码有很多晦涩的方法来做很多相同的事情，这让你想知道，“为什么要麻烦呢?”但是新的情况不断出现，您不能再仅仅依赖基本/核心原则。

首先你必须访问MDN IIFE，现在关于这一点有几点

这是立即调用的函数表达式。当你的javascript文件从HTML中调用这个函数时立即调用。这防止了在IIFE习惯用法中访问变量以及污染全局作用域。

简单的回答是:防止全球(或更高)范围的污染。

IIFE(立即调用函数表达式)是将脚本编写为插件、附加组件、用户脚本或任何期望与其他人的脚本一起工作的脚本的最佳实践。这可以确保您定义的任何变量都不会对其他脚本产生不良影响。

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

void function() {
  console.log('boo!');
  // expected output: "boo!"
}();

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

从上面的例子可以很清楚地看出，IIFE也会影响效率和性能，因为原本预计只运行一次的函数实际上只执行了一次，然后就永远被丢弃了。这意味着函数或方法声明不会保留在内存中。

推荐文章