js函数自调用(JavaScript自执行函数简介)

什么是JavaScript自执行函数？

JavaScript自执行函数，也称自调用函数，是一种在定义后立即调用的函数，不需要手动调用。其最大优势是避免全局作用域变量污染，实现了 JavaScript 的模块化开发。

自执行函数的特点是函数被声明之后立即被运行，调用方式类似于匿名函数。自执行函数的最大优势是不需要开发者手动调用，减少不必要的代码量，简化代码逻辑。

如何编写JavaScript自执行函数？

编写一个JavaScript自执行函数，需要使用立即执行函数表达式（Immediately Invoked Function Expression，IIFE），可以用两种不同的方式定义：

匿名函数： (function(){ /* code */ })();

具名函数： (function myFunction(){ /* code */ })();

在括号内部，需要声明函数体，然后使用括号加上参数列表。在函数结束后，需要添加一个括号，表示函数现在就要执行。如果省略这个括号，函数就不会被立即执行。

例如：

```

(function () {

// code goes here

})();

```

哪些情况下使用自执行函数？

使用JavaScript自执行函数的最常见情况是在模块化开发。

JavaScript 自身并不支持模块化，这意味着在一个公共浏览器环境中，所有 JavaScript 文件中的变量都在同一个全局变量作用域下，容易造成变量名冲突和互相影响。而自执行函数的范围是被限定在函数内部，不会对全局作用域造成影响。

另外，自执行函数可以作为一个单独的命名空间使用。它可以封装一个代码块，使之在全局环境下不会干扰到其他的代码。这是减少全局作用域变量污染的一种很好的解决办法。

自执行函数和闭包的区别是什么？

虽然 JavaScript 自执行函数和闭包在技术上都能达到模块化开发和变量保护等效果，但它们的原理和用法是不同的。

自执行函数是一种通过函数表达式立即调用函数的方法。函数内部定义的变量和函数只作用于函数生命周期内，并且不会破坏和污染全局作用域。

相比之下，闭包是指在函数内部定义函数并返回这个函数。被返回的函数依然可以访问到父函数的变量，并且将其保留在内存中。这使得我们可以通过外部函数调用内部函数，达到访问内部变量的效果。

因此，自执行函数主要用于隔离作用域以减少全局变量的污染，而闭包则是解决变量作用域的问题。

自执行函数在实际开发中的应用案例

在实际开发中，自执行函数广泛应用于模块化开发和变量保护。

比如，在模块化开发中，我们可以使用IIFE来封装每个模块的代码，使其不会影响其他模块。

```

var module1 = (function() {

var x = 0;

function privateFunction() {

//...

}

return {

publicFunction: function(){

//...

},

getX: function(){

return x;

}

}

})();

module1.publicFunction();

```

在这个例子中，x 变量只能在 module1 内部访问，而不会破坏其他模块的作用域。

另外，自执行函数可以用于调用 jQuery 或其他类库，并将其映射到一个变量上以避免全局变量的污染。

```

var myApp = (function($){

//Use $ for jQuery

})(jQuery);

```

总结

JavaScript自执行函数是一种在定义后立即调用的函数，可以用来实现模块化开发和变量保护。通过使用自执行函数，我们可以避免对全局作用域造成的污染。

在编写自执行函数时，需要使用立即执行函数表达式（IIFE），并在表达式首尾添加括号。

自执行函数和闭包虽然能够实现相似的效果，但它们的原理和用法是不同的。自执行函数主要用于隔离作用域以减少全局变量的污染，闭包则是解决变量作用域的问题。

在实际开发中，我们可以使用自执行函数来封装模块代码，避免全局变量的污染。同时，自执行函数也可以用于调用类库，并将其映射到一个变量上以避免全局变量的污染。