JavaScript 中的 (function(){}) 是什么意思?

阅读时长 4 分钟读完

在 JavaScript 中,我们经常会看到类似下面的代码:

这是一个自执行匿名函数,也称为立即执行函数表达式(Immediately Invoked Function Expression,IIFE)。它的作用是将函数体封装在一个独立的作用域中,从而避免变量污染全局命名空间。同时,它还可以被用来创建单例模式、模块化代码等。

详细解释

首先,让我们看一下这个函数的基本结构:

这个函数定义了一个匿名函数并立即调用它。括号内部的函数被包含在圆括号中,这是因为圆括号可以将其转换为一个表达式。接着,我们使用另外一对括号来立即调用这个函数。这样做的好处是,函数内部的变量不会与全局作用域产生冲突,同时也可以保护代码的私有性。

如果我们只是定义这个函数而没有立即调用它,那么这个函数就会成为一个全局变量。这样会导致全局命名空间污染和潜在的命名冲突。通过使用 IIFE,我们可以避免这种情况。

学习与指导意义

IIFE 是一种常见的编程模式,在前端开发中经常使用。通过将函数体封装在一个独立的作用域中,我们可以有效地避免变量污染和全局命名空间冲突。同时,它还可以用来创建单例模式、模块化代码等。以下是一些示例代码:

避免全局变量冲突

创建单例模式

-- -------------------- ---- -------
--- ----------- - ----------- -
  --- ---------

  -------- ------ -
    -- ------- ------- --- ---------
    -------- --------------- -
      -------------- -- ----------
    -

    --- --------------- - -- -- ---- ---------

    -- ------ ------- --- ---------
    ------ -
      ------------- ---------- -
        ---------------- ------ --- --- ------
      --

      --------------- -- -- ---- -------
    --
  -

  ------ -
    ------------ ---------- -
      -- ----------- -
        -------- - -------
      -

      ------ ---------
    -
  --
-----

--- ------- - --------------------------
--- ------- - --------------------------

------------------- --- --------- -- ----

模块化代码

-- -------------------- ---- -------
--- -------- - ----------- -
  --- --------------- - ------ -------

  -------- --------------- -
    -----------------------------
  -

  ------ -
    ------------- ---------- -
      ----------------
    -
  --
-----

------------------------ -- ------- ------ ------

结论

IIFE 是一种非常有用的编程模式,可以有效地避免变量污染和全局命名空间冲突。它还可以被用来创建单例模式、模块化代码等。通过深入理解和掌握 IIFE,我们可以写出更加安全和可维护的 JavaScript 代码。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/30940

纠错
反馈