js中的IIFE

最新推荐文章于 2024-04-02 17:08:41 发布

原创最新推荐文章于 2024-04-02 17:08:41 发布 · 143 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

js基础知识专栏收录该内容

27 篇文章

订阅专栏

本文详细解析JavaScript中Immediately Invoked Function Expression (IIFE)的概念，探讨其如何隐藏实现、保护命名空间并用于模块化开发，通过实例展示如何使用IIFE创建私有变量和暴露公共API。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js中的IIFE

- 定义
- 作用

定义

全称为：immediately-Invoked Function Expression 等价于匿名函数自调用

  <script type="text/javascript">
      (function (){
          var a = 3
          console.log(a + 3)
          console.log('立即执行函数')
      })()
  </script>

作用

隐藏实现
不会污染外部（全集）命名空间
编写js模块

  ;(function (){
          var a = 1
          function test(){
              console.log(++a)
          }
          function test2(){
              console.log('test2')
          }
          window.$ = function (){//向外暴露一个全局函数test 但是test2隐藏了
              return{
                  test:test
              }
          }
      })()
      $().test()// 1 $是一个函数名 2 $返回的是一个对象test 3 test对象中有方法test