Javascript自执行匿名函数(function() { })()的原理浅析

下面是详细讲解“Javascript自执行匿名函数(function() { })()的原理浅析”的完整攻略。

什么是自执行匿名函数

自执行匿名函数是指一个没有被显式调用、自己调用自己的函数。通常会使用函数表达式的形式来定义。在定义之后，紧跟一对小括号，并在小括号内直接写上一对匿名函数的函数体，即形如(function(){…})()的代码。这样写的代码会在定义之后直接自动调用。由于括号内的函数被当做一个函数表达式，因此其定义之后可以立即执行。

示例1：

(function() {
  console.log('这是一个自执行匿名函数');
})();

以上代码会直接输出 这是一个自执行匿名函数。

自执行匿名函数的作用

自执行匿名函数是一种常用的代码组织方式。它能够有效地隔离变量作用域，防止变量污染全局作用域，同时也能保护函数内部的代码不被非法访问或修改。

示例2：

(function() {
  var num = 0;
  setInterval(function() {
    num++;
    console.log(num);
  }, 1000);
})();

以上代码会每隔1秒输出累加一次的数字，并且由于 num 变量被定义在自执行匿名函数内部，因此不会对全局作用域造成污染。

自执行匿名函数的原理

自执行匿名函数利用了Javascript中函数表达式的特性。将匿名函数定义为函数表达式后，直接紧跟一对小括号，相当于将匿名函数变成了函数调用，因此在定义之后立刻执行。而小括号的作用则是将函数表达式转换为一个函数对象。最后加上一个小括号将此函数对象执行，从而完成自动调用的过程。在这个过程中，由于函数的作用域被定义在了匿名函数内部，因此也就达到了保护变量作用域的目的。

以上就是Javascript自执行匿名函数(function() { })()的原理浅析的完整攻略。