`
yuyongkun4519
  • 浏览: 42679 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

IIFE【立即执行函数表达式】

 
阅读更多

 

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

 

(function () {
    statements
})();

 

 

这是一个被称为 自执行匿名函数 的设计模式,主要包含两部分。

 

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

 

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

分享到:
评论

相关推荐

    详解javascript立即执行函数表达式IIFE

    本文主要介绍了javascript立即执行函数表达式IIFE的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧

    js中的立即执行函数1

    IIFE(立即调用函数表达式)IIFE( 立即调用函数表达式)是一个在定义时就会立即执行的 JavaScript 函数。示例当函数变成立即执行的函数表达式时,

    JavaScript中的立即执行函数表达式介绍

    发现原来还有一种叫法是: 立即调用函数表达式 (IIFE,Immediately-Invoked Function Expression) 立即调用函数表达式 相比于自执行匿名函数,立即调用函数表达式的意思来得更明确一些。 自执行函数有下面的这一些...

    broccoli-iife:西兰花的 IIFE(立即调用函数表达式)过滤器

    西兰花 Broccoli 过滤器将文件包装在(IIFE) 中。 安装 npm install --save broccoli-iife 用法 var iife = require ( 'broccoli-iife' ) ; var iifeTree = iife ( sourceTree ) ;

    js中let能否完全替代IIFE

    最近,我写了一篇关于syntax of Java’s IIFE pattern的文章,来解释为什么我们用现在的方式来写立即执行函数表达式。少数的读者批评文章过时了,都在争论在ECMA 2015中介绍的块级作用域变量使IIFE变得过时了。 恰恰...

    详解JavaScript的闭包、IIFE、apply、函数与对象

    目录 一、闭包(Closure) 1.1、闭包相关的问题 ...3.5、立即执行函数表达式 (IIFE) 3.5.1、匿名函数与匿名对象 3.5.2、函数与函数表达式 3.5.3、立即执行函数表达式与匿名对象 3.5.4、各种IIFE的写法 3.5.5、参数

    使用ES6新特性开发微信小程序(9)

    IIFE(立即执行函数表达式)的通常用途是创造一个内部的作用域,在ES6中,能够创造一个块级作用域而不仅限于函数作用域。块级作用域的出现使得获得广泛应用的立即执行匿名函数(IIFE)不再必要了。 IIFE:   ...

    前端开源库-gulp-iife

    前端开源库-gulp-iifeGulpIIfe,将JavaScript代码包装在立即调用的函数表达式中。

    JavaScript立即执行函数的三种不同写法

    (function () { // open IIFE // inside IIFE }()); // close IIFE 第二种: !function () { // open IIFE // inside IIFE }(); // close IIFE 第三种: void function () { // open IIFE // inside IIFE }(); // ...

    gulp-iife:一个Gulp插件,用于在IIFE中包装JavaScript代码

    口香糖一个Gulp插件,用于将JavaScript代码包装在立即调用的函数表达式(IIFE)中。安装$ npm install --save-dev gulp-iife用法var gulp = require ( "gulp" ) ;var iife = require ( "gulp-iife" ) ;gulp . task ...

    JavaScript函数IIFE使用详解

    主要介绍了JavaScript函数IIFE使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

    你有必要知道的10个JavaScript难点

    立即执行函数,即Immediately Invoked Function [removed]IIFE),正如它的名字,就是创建函数的同时立即执行。它没有绑定任何事件,也无需等待任何异步操作: (function() { // 代码 // ... })(); function(){…}...

    greetr:jQuery原始代码分析,并打造了一个简单的js类库

    jQuery源码分析看完了Udemy上的课程,,写一下关于jQuery部分的笔记greetr是仿照jQuery的整体结构写的一个小的函数库Greetr ,代码在Greetr文件夹中jQuery的版本v3.5.1IIEF(立即调用函数表达式) ( function ( ...

    rollup-plugin-iife:将ES模块转换为IIFE

    该插件可以将ES模块的输出转换为IIFE。 安装 npm install -D rollup-plugin-iife 用法 import iife from "rollup-plugin-iife" ; export default { input : [ "entry.js" , "entry2.js" ] , output : { dir : ...

    davidBowie-IIFE:封装囊封IIFE

    davidBowie-IIFE:封装囊封IIFE

    前端开源库-cjs2iife

    前端开源库-cjs2iifecjs2ife,commonjs模块到iffe代码

    kaindy7633#blog#JavaScript装x指南1

    Table of Contents generated with DocTocJavaScript装逼指南IIFE(自动执行函数)JavaScript装逼指南通

    js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?

    没有区别。 你需要明白 IIFE 的原理,我简单说一下: 复制代码 代码如下: function foo() {…} // ...1.传统的方法啰嗦,定义和执行分开写; 2.传统的方法直接污染全局命名空间(浏览器里的 global 对象,如 window)

Global site tag (gtag.js) - Google Analytics