js之立即调用函数(IIFE)

最新推荐文章于 2024-03-17 00:35:29 发布
最新推荐文章于 2024-03-17 00:35:29 发布
阅读量690 收藏
点赞数
分类专栏： js学习 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45866961/article/details/124625406
版权

1.什么是立即调用函数？
立即调用函数：也叫立即执行函数，会在函数创建后立即调用，并且只会调用一次。
2.作用
立即调用函数创造了一个私有的作用域，不会让这个作用域中的变量和方法污染到全局。

  • 封装变量
  • 闭包和私有数据

3.写法

立即调用函数主要包括两部分，第一部分是包围在圆括号运算符 () 里的一个匿名函数，这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量，而且又不会污染全局作用域。第二部分再使用 () 创建了一个立即执行函数表达式，JavaScript 引擎到此将直接执行函数。
在这里插入图片描述
function这个关键字，既可以当作语句，也可以当作表达式，为了避免语句上的歧义，js引擎规定，function出现在首行一律解析成语句。因此js引擎看见首行是function关键字后，认为这一段都是函数定义，不应该以圆括号结尾，所以就会报错，解决办法就是使用立即执行函数

Shirley~~
关注
专栏目录
立即调用的函数表达式（函数）
weixin_45932733的博客
10-27 539
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，
【JavaScript】--作用域 ^ 立即执行函数IIFE ^闭包
qq_48802092的博客
08-13 356
的变量，那么自由变量的值如何得到 —— 要到创建这个函数的那个父级作用域寻找，如果没有就一直向上级祖先元素寻找（这就是所谓的"静态作用域"，静态作用域是指函数的作用域在函数定义时就已经确定。...
深入理解JavaScript系列（4）：立即调用的函数表达式
weixin_33763244的博客
12-31 721
前言 大家学JavaScript的时候，经常遇到自执行匿名函数的代码，今天我们主要就来想想说一下自执行。在详细了解这个之前，我们来谈了解一下“自执行”这个叫法，本文对这个功能的叫法也不一定完全对，主要是看个人如何理解，因为有的人说立即调用，有的人说自动执行，所以你完全可以按照你自己的理解来取一个名字，不过我听很多人都叫它为“自执行”，但作者后面说了很多，来说服大家称呼为“立即调用的函数表达式”。...
js 中的立即执行函数，web前端开发实战项目
最新发布
m0_60666841的博客
03-17 1080
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。技术要深入到什么程度？做久了技术总要转型管理？我能做什么，我想做什么？一技之长，就是深耕你的专业技能，你的专业技术。（重点）独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）拥有事业，选择一份使命，带领团队实现它。（创业）一技之长分五个层次栈内技术 - 是指你的前端专业领域技术栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识。
立即调用函数
weixin_34380948的博客
08-14 128
立即执行函数前面加分号是个好习惯，像这样子(function(){alert(1)})()的函数，如果js不换行，或者经过了压缩，很容易会使前后文重叠混乱。 函数调用的两种方式，通过函数名调用，通过表达式调用。匿名函数调用算在表达式调用的方法里。 而“function f(){}(1)”就是合法的，这个语句可以解读为两部分，第一部分还是function f(){}的函数声明，第二部分是（1...
JavaScript函数IIFE使用详解
10-16
JavaScript函数IIFE（立即调用函数表达式）是一种特殊写法，主要用于创建函数作用域，避免变量污染全局命名空间。IIFE是一个表达式，该表达式定义了一个匿名函数，并立即执行该匿名函数。IIFE是一种非常实用的技术，...
JavaScript立即调用函数表达式(IIFE)详解
在JavaScript编程中，立即调用的函数表达式（Immediately Invoked Function Expression, IIFE）是一种常见的技术，它允许开发者创建一个独立的作用域，并在定义后立即执行。这种模式常用于避免变量污染全局作用域，...
ES6的模块化管理、立即执行函数（IIFE）：在函数声明后面立即调用、函数劫持
Mr_115的博客
11-13 2001
ES6的模块化管理、立即执行函数（IIFE）：在函数声明后面立即调用、函数劫持
JavaScript中的立即调用函数表达式(IIFE)
在JavaScript编程中，立即调用的函数表达式（Immediately Invoked Function Expression, IIFE）是一种常见的技术，用于创建私有作用域和防止变量污染全局空间。这种表达式允许我们定义一个函数，并在定义后立即执行...
JavaScript中”立即调用的函数表达式“
zhuyunhe的专栏
05-04 1594
在学习JavaScript的时候，经常会看到“自动立即执行的函数代码”。 说的通俗点就是：定义一个函数，然后立即调用它。 我们知道调用一个函数的方式是在函数名称后面添加一对圆括号。 例如： var myFunction = function(){ //code }; //立即执行上面定义的函数 myFunction(); 上面的例子中，我们创建了一个匿名函数并把它赋值给一个变量my
立即执行函数
weixin_34122810的博客
01-25 150
立即执行函数（IIFE），也叫做自执行函数，就是不需要调用就立马执行的函数。 在解释立即函数的时候，我们先了解一下三个函数相关的知识： 函数声明： function fun() { } 函数表达式： var fun = function () { } 匿名函数： function() { } 立即函数有两种常见格式： (function() { console.log(999) }()) (fun...
立即调用函数（IIFE)
aicong3671的博客
04-22 310
定义： IIFE:立即调用的函数表达式，声明函数的同时立即调用这个函数。 语法： IIFE的常用写法：这两种写法的作用相同，只是表现形式不同而已,()只是起了自执行的作用 （function(){......}）() 把函数当作表达式解析，然后执行解析后的函数[相当于 var a = function(){}; a(); a得到的是函数] （function（）...
立即调用的函数表达式（IIFE）
qq_40755381的博客
02-21 334
立即调用的函数表达式（IIFE） 爱总结，爱搬砖，爱生活 引言 偶然之间看到一个问题，问题是这样的： (function() {}()); (function() {})(); 上面这两种写法有没有什么区别？ 打眼一看这个问题不太好回答，这说明了一个问题，我对这类立即调用的函数表达式还不熟悉，这个时候应该去百度看看大家怎么理解立即调用的函数表达式。 心得 立即调用的函数表达式（在这之前我一直称呼它为立即执行函数，经过此番探索更正了之前不合理的叫法） 立即调用的函数表达式的作用： 不必为函数命名，避免污
JavaScript中的立即执行函数
cnds123的专栏
01-12 1473
JavaScript中立即调用函数表达式（IIFE）是一个在定义时就会立即执行的 JavaScript 函数。 关于 IIFE (Immediately Invoked Function Expression 立即调用函数表达式)可见IIFE（立即调用函数表达式） - 术语表 | MDN
说一说JS的IIFE
qq_39370495的博客
02-20 170
1 定义IIFE: Immediately Invoked Function Expression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。对比一下，这是不采用IIFE时的函数声明和函数调用：[html] view plain copyfunction foo(){    var a = 10;    console.log(a);  }     foo();  下面是...
【javaScript基础】立即调用函数表达式
webfe
06-21 1355
在javaScript中，每个函数被调用时，都会创建一个新的执行上下文。因为在一个函数里面定义的变量和函数只能在里面访问，在外面是不行的，上下文提供了一种很容易的方法来创建私有性。 //makeCounter函数返回另外一个匿名函数，这个匿名函数能够访问到“私有”变量i, 好像有一点“特权”性。 function makeCounter() { // i只能在makeCounter的里面
js立即执行函数
热门推荐
HelloWord176的博客
08-06 1万+
一：什么是立即执行函数？ 声明一个函数，并马上调用这个匿名函数就叫做立即执行函数；也可以说立即执行函数是一种语法，让你的函数在定义以后立即执行； 立即执行函数的创建步骤，看下图： 二：立即执行函数的写法： 有时，我们定义函数之后，立即调用该函数，这时不能在函数的定义后面直接加圆括号，这会产生语法错误。产生语法错误的原因是，function 这个关键字，既可以当做语句，也可以当做表达式，比如下边： //语句 function fn() {}; //表达式 var fn = function (){};
JS立即执行函数
徐___L
05-24 584
只有表达式才能被执行符号执行 执行符号是一对括号() 立即执行函数只被执行一次就销毁 能被执行符号执行的函数表达式将放弃函数的名字 var a = function (){ console.log(1) }(); console.log(a)//undefined 因为函数被立即执行了，执行完马上被销毁，也没有任何的返回值（如果函数没有返回值，默认返回undefined...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值