立即执行函数

Posted 2022-08-03 psxiao

1.立即执行函数有两种写法：（立即执行函数是在定义函数时直接执行）

( function()… )()和( function ()… () )，一个是一个匿名函数包裹在一个括号运算符中，后面再跟一个小括号，另一个是一个匿名函数后面跟一个小括号，然后整个包裹在一个括号运算符中，这两种写法是等价的

2.使用立即执行函数的好处

通过定义一个匿名函数，创建了一个新的函数作用域，相当于创建了一个“私有”的命名空间，该命名空间的变量和方法，不会破坏污染全局的命名空间。此时若是想访问全局对象，将全局对象以参数形式传进去即可，如jQuery代码结构:

其中window即是全局对象。作用域隔离非常重要，是一个JS框架必须支持的功能，jQuery被应用在成千上万的javascript程序中，必须确保jQuery创建的变量不能和导入他的程序所使用的变量发生冲突。

3.立即执行函数和闭包有什么关系

和普通函数传参一样，立即执行函数也可以传递参数。如果在函数内部定一个函数，而里面的那个函数能引用外部的变量和参数（闭包），我们就能用立即执行函数锁定变量保存状态。

<div>
    <ul>
        <li><a>第一个超链接</a></li>
        <li><a>第二个超链接</a></li>
    </ul>
</div>
  var elems = document.getElementsByTagName(‘a‘);
    for(var i=0; i < elems.length; i++)
      (function (LockedInIndex)
        elems[i].addEventListener(‘click‘, function (e)
          e.preventDefault();
          alert(‘I am cliick Link #‘ + i);
        , ‘false‘)
      )(i)