9. IIFE

作者: 牧羊少年之奇幻之旅 | 来源:发表于2018-11-15 13:30 被阅读0次

    参考地址: IIFE - 中文; IIFE - 英文

    IIFE(Immediately Invoked Function Expression 立即调用函数表达式)是一个在定义时就会立即执行的 JavaScript 函数。

    (function () {
      // statements
    })();
    

    这是一个被称为自执行匿名函数的设计模式,主要包含两部分,第一部分是包围在 圆括号运算符()里的一个匿名函数,这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量,而且又不会污染全局作用域。

    第二部分,再一次使用()创建了一个立即执行函数表达式,JavaScript 引擎到此将直接执行函数。

    例子

    当函数变成立即执行的函数表达式时,表达式中的变量不能从外部访问。

    (function () {
      var aName = "Jane";
    })();
    
    // 外部作用域无法访问该变量:
    aName // throws "Uncaught ReferenceError: aName is not defined"
    

    将 IIFE 分配给一个变量,不是存储 IIFE 本身,而是存储 IIFE 执行后返回的结果。

    var result = (function () {
      var name = "Jane";
      return name;
    })();
    // IIFE 执行后返回的结果:
    console.log(result); // "Jane"
    

    相关文章

      网友评论

          本文标题:9. IIFE

          本文链接:https://www.haomeiwen.com/subject/tbisfqtx.html