1分钟了解 IIFE

缺乏、安全感 2023-07-25 12:46 13阅读 0赞

### 1分钟了解 IIFE ###

*   *   *  1. 概念
         *  2. 作用
         *  3. 应用场景
         *  4. 总结

### 1. 概念 ###

IIFE（Immediately-Invoked Function Expression）指的是立即执行函数或者立即调用的函数表达式，即声明的同时就要调用。

普通函数声明：

function a(){ 
      return 5
    };
    a();

IIFE：

(function a(){ 
      return 5
    })();

由以上对比可以看出 IIFE 主要包含两部分。

第一部分是包围在圆括号运算符 () 里的一个匿名函数，这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量，而且又不会污染全局作用域。

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

### 2. 作用 ###

那么为什么要使用 IIFE 呢，有什么作用呢？

IIFE 是为了弥补 JavaScript 在 scope 作用域方面的缺陷。JS 中的函数作用域只有全局作用域和函数作用域。ES6 之后才有了块级作用域。所以作用域的隔离只能通过 function。而有些函数只需要执行一次，所以名字都可以省了。

IIFE 的作用如下：

*  避免作用域命名污染
 *  提升性能（减少了对作用域的查找）
 *  避免全局命名冲突
 *  保存闭包状态

### 3. 应用场景 ###

任何需要作用域隔离的场景都可以使用 IIFE。

比如单例模式：

var myModule = (function module(){ 
      var someThing = "123";
      var otherThing = [1,2,3];
    
      function doSomeThing(){ 
        console.log(someThing);
      }
    
      function doOtherThing(){ 
        console.log(otherThing);
      }
    
      return { 
        doSomeThing:doSomeThing,
        doOtherThing:doOtherThing
      }
    })();
    
    myModule.doSomeThing();
    myModule.doOtherThing();

### 4. 总结 ###

*  创建块级（私有）作用域，避免变量污染和命名冲突。
 *  IIFE 中定义的任何变量和函数，都会在执行结束时被销毁，减少闭包占用的内存。

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关 3分钟了解 WebAssembly

3分钟了解 WebAssembly 一、概念二、WebAssembly 使用三、JavaScript 和

ゝ一世哀愁。/ 2023年07月25日 12:54/ 0 赞/ 2 阅读

相关 1分钟了解 IIFE

1分钟了解 IIFE 1. 概念 2. 作用 3. 应用场景 4. 总结 1. 概

缺乏、安全感/ 2023年07月25日 12:46/ 0 赞/ 14 阅读

相关 1分钟了解 rap2

1分钟了解 rap2 前言一、使用 rap2 二、rap2 中 mock 语法使用

小灰灰/ 2022年12月22日 09:29/ 0 赞/ 387 阅读

相关三分钟了解mongodb

mongo的由来截取自英文俚语humongous，意为”巨大的”，是否表明mongodb在设计之初就是为大数据量处理而生呢？ mongodb是个啥 mongodb是

快来打我*/ 2022年08月20日 03:29/ 0 赞/ 183 阅读

相关十分钟了解 postman

注：此文章转载于其他大神 Postman是google开发的一款功能强大的网页调试与发送网页HTTP请求，并能运行测试用例的的Chrome插件。其主要功能包括：模拟

àì夳堔傛蜴生んèń/ 2022年05月27日 13:55/ 0 赞/ 182 阅读

相关 5分钟了解swagger

转自：[https://blog.csdn.net/i6448038/article/details/77622977][https_blog.csdn.net_i644803

朴灿烈づ我的快乐病毒、/ 2022年05月14日 15:04/ 0 赞/ 187 阅读

相关一分钟了解springcloud

目前博主也是做过springcloud分布式项目架构的人了;(其实只是在项目架构基础上添砖加瓦) 但是群里小姐姐问我分布式的问题,我居然很懵逼??? 于是痛改前非立马又

我会带着你远行/ 2021年12月15日 22:15/ 0 赞/ 359 阅读

相关五分钟了解Zabbix

Zabbix-简介 Zabbix概念 Zabbix组成 Server Zabbix server 是 Zabbix agent

绝地灬酷狼/ 2021年11月29日 12:20/ 0 赞/ 326 阅读

相关一分钟了解DHCP

目录 DHCP是什么有什么作用为什么需要DHCP DHCP的过程 -------------------- DHCP是什么 DHCP动态主机配置协议

川长思鸟来/ 2021年11月01日 07:38/ 0 赞/ 445 阅读

相关 IIFE理解

1. 定义 IIFE: Immediately Invoked Function Expression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。

港控/mmm°/ 2021年09月01日 10:11/ 0 赞/ 272 阅读