（笔记+个人理解）立即执行函数表达式IIFE

最新推荐文章于 2024-07-25 23:22:41 发布
最新推荐文章于 2024-07-25 23:22:41 发布
阅读量293 收藏
点赞数 2
分类专栏： JS 前端 文章标签： 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Febby_/article/details/89425282
版权
本文介绍了JavaScript中的IIFE（立即执行函数表达式），包括其作用、常见用法和进阶技巧。IIFE通过匿名函数表达式避免污染全局变量，常用于模块封装。文中详细阐述了IIFE的两种形式以及如何传递参数，同时探讨了其在代码组织中的应用。
摘要由CSDN通过智能技术生成

IIFE（Immediately Invoked Function Expression）代表立即执行函数表达式。
下面看一段代码

var a=2;
(function foo(){
   
    var a=3;
    console.log(a);  //3
})();
console.log(2);
最低0.47元/天 解锁文章
菜鸭子
关注
专栏目录
前端模块化IIFE，commonjs，AMD，UMD，ES6 Module规范超详细讲解
jianghao2016的博客
09-01 1112
为什么前端需要模块化 在没有模块化的时候，多个脚本引入页面，会造成诸多问题，比如： 多人协同开发的时候，系统中可能会引入很多js脚本，这些js会定义诸多全局变量，这时候很容易出现变量名覆盖的问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial
JavaScript的IIFE（即时执行方法）
04-05 235
前面的话 　　严格来讲，IIFE并不是闭包，因为它并不满足函数成为闭包的三个条件。但一般地，人们认为IIFE就是闭包，毕竟闭包有多个定义。本文将详细介绍IIFE的实现和用途 实现 　　函数跟随一对圆括号()表示函数调用 //函数声明语句写法 function test(){}; test(); //函数表达式写法 var test = function(...
什么是IIFE？它有什么作用？
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
07-25 819
IIFE的基本概念基本形式作用示例一：基本的IIFE示例示例二：带有参数的IIFE示例三：使用IIFE进行模块化编程示例四：使用IIFE进行依赖注入示例五：使用IIFE进行异步回调不同角度的功能使用思路1. 模块化设计2. 数据保护3. 异步编程4. 单件模式实际工作中的技巧1. 减少全局变量2. 模块化代码3. 代码组织4. 性能优化结语在前端开发领域，立即执行函数表达式（Immediately Invoked Function Expression, IIFE）是一种常见且强大的模式。
立即执行函数表达式（IIFE）
chenzoff的专栏
11-09 519
立即执行函数表达式（IIFE） 原文：immediately-invoked-function-expression 译者：nzbin 也许你还没有注意到，我是一个对术语比较坚持的人。因此，在听到很多次比较流行却容易产生误导的 JavaScript 术语“自执行匿名函数”之后，最终我决定把我的想法写成一篇文章。 为了提供关于这一模式如何运作的透彻信息，我已经提出了我们应该如何称呼它的建议，继续向下看。当然，如果你想跳过开头，你可以只看“自执行函数表达式”这一节，但是我建议你看完整篇文章。 请明
javascript立即执行函数表达式（IIFE）
YinghaoGuo的博客
06-14 1288
IIFE：Immediately-Invoked Function Expression ——立即执行函数表达式。 先说说javascript中什么是立即执行函数表达式，顾名思义，就是一个马上执行的函数，但这条执行的式子是一条表达式。 正常情况下，我们定义一个function，再调用它，如下：function fun(){ ...... } fun();如果不写fun()这一句，f
JavaScript 立即执行函数表达式（IIFE）
lio-zero 的博客
06-27 273
立即执行函数表达式(IIFE，immediately invoked function expression)是一个立即执行的匿名函数表达式，它有两种写法： ;(function () { 'use strict' // ... })() // or ;(function () { 'use strict' // ... } ()) // 上面两种都等价于命名函数 funct...
Javascript学习笔记之 函数篇（一） : 函数声明和函数表达式
10-25
因此，在函数表达式被赋值给变量之前，变量的值会是`undefined`，而如果尝试在赋值之前执行函数表达式，将会引发类型错误。 值得一提的是，函数表达式能够提供比函数声明更多的灵活性，特别是在需要动态创建函数或...
立即调用的函数表达式（函数）
weixin_45932733的博客
10-27 529
1.立即调用函数表达式又叫IIFE，在ECMSscript 5还未支持块级作用域时，使用IIFE是相当普遍的。 (function() {}) () ; IIFE (function() { for (var i=0; i<5; i++) { console.log(i) }) () ; onsole.log(i); 抛出错误 在执行到外部的onsole.log(i)时会出现错误，因为他访问的变量i是在IIFE内部定义的，在外部访问不到，在ECMSscript 6以后就可以使用let，
js 编程笔记 无名函数
10-28
无名函数通常与立即执行函数表达式（IIFE）结合使用，这样可以立即执行一个函数而不必先声明一个具名函数。无名函数的灵活性和匿名性使得它在多种场景下都非常有用。 在无名函数的使用中，我们可以看到几个重要的...
javascript笔记之匿名函数和闭包
12-10
为了解决这个问题，我们可以使用立即执行的函数表达式（IIFE）来创建独立的作用域： ```javascript function box() { var arr = []; for (var i = 0; i ; i++) { arr[i] = (function(num) { return function() ...
IIFE立即执行函数表达式
weixin_45340414的博客
01-22 139
通常函数声明和调用是这样写的 function dome() { ....... } //这是声明 dome() // 这是调用 IIFE(立即调用函数表达式)是一个定义就会执行的函数，拥有独立的作用域，避免了外界访问此函数的变量，而且也不会污染全局作用域 (function(){ var name = 10 //外部是访问不到声明的这个name的 })() var resu...
一文讲透 JavaScript 闭包与立即执行函数表达式（IIFE）
前端梦工厂
04-02 759
闭包是一种函数的特性，用于捕获和保存其所在作用域的变量，而IIFE是一种用来创建函数作用域的模式。在JavaScript中，我们可以将闭包和IIFE结合使用，但它们并不是彼此依赖的概念。 虽然我们可以在IIFE中使用闭包，但是闭包并不依赖于IIFE的存在。闭包可以与任何函数一起使用，不管是普通函数还是IIFE。
(译）详解javascript立即执行函数表达式（IIFE）
zyxzp2012的博客
04-24 293
写在前面 　　这是一篇译文，原文：Immediately-Invoked Function Expression (IIFE) 原文是一篇很经典的讲解IIFE的文章，很适合收藏。本文虽然是译文，但是直译的很少，而且添加了不少自己的理解。 ps：下文中提到的“立即执行函数”其实就是“立即执行函数表达式” 我们要说的到底是什么？ 　　在javascript中，每一个函数在被调用的时候都会创建一个执行上...
详解javascript立即执行函数表达式（IIFE）
努力学习
02-19 176
写的很好,放在这里便于自己查看 作者url:https://www.cnblogs.com/zichi/p/4401755.html
立即执行函数(IIFE)的定义及用法
qq_51130780的博客
12-24 4498
IIFE的相关使用以及存在的优点
立即执行函数
Triumph_light的博客
11-03 7150
简介
JS 立即执行函数
weixin_41796631的博客
04-08 201
一、立即执行函数是什么？ 1. 声明一个匿名函数 2. 马上调用这个函数 以上例子解析： 声明了一个匿名函数 function(){alert("我是匿名函数")} 用括号 把这个函数包起来 在最后加上一个括号 为什么要在函数加括号？ 文章参考：JS 3种函数写法：函数声明、函数表达式、匿名函数。（立即执行函数 写法由来） https://blog.csdn.net/we...
js立即执行函数
jontyy的博客
09-07 261
js立即执行函数 Introduce 突然的有一天从图书馆把jq源码翻了出来，开篇就是立即执行函数，也没觉得什么惊艳的，毕竟之前看过bootstrap源码， 已经看过很多次这样的例子，但是却不明白原理，所以就整理了一下，立即执行函数的作用。 extra 顺便说说函数吧，函数无非分成三种，函数声明，函数定义，匿名函数。 学过c++的人应该对函数声明非常熟悉，无非就...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值