耀极客论坛

 找回密码
 立即注册
查看: 718|回复: 0

JavaScript立即执行函数用法解析

[复制链接]

193

主题

176

帖子

276

积分

中级会员

Rank: 3Rank: 3

积分
276
发表于 2022-5-8 01:10:24 | 显示全部楼层 |阅读模式
  这篇文章主要介绍了JavaScript立即执行函数,我们知道,在一般情况下,函数必须先调用才能执行,如下所示,我们定义了一个函数,并且调用,下面一起进入文章来接具体的使用方法吧
  我们知道,在一般情况下,函数必须先调用才能执行,如下所示,我们定义了一个函数,并且调用,
  1. function fn(){
  2.     console.log(1);
  3.     }
  4.     fn();
复制代码
  打印结果为:

  如果不调用的话,我们打印的结果永远不会显示。
        所以这里就会提到我们的立即执行函数,所谓立即执行函数,就是不需要调用,立马就能执行的函数。
  立即执行函数有两种最常见的写法:

  • (function(){})()
  • (function(){}())
  举个例子:
  1. (function fn(){
  2.             console.log(2);
  3.         })()
复制代码
  打印结果为:

  打印成功。

  立即执行函数中的第二个小括号就相当于调用函数,我们同样可以给立即执行函数传参数,,将我们要传递的参数写在第二个()里面,作为实参,
  如下:
  1. (function fn(a,b){
  2.     console.log('a+b='+a+b);
  3. })(1,2)
复制代码
  打印结果为:

  第二种立即执行函数使用方法和第一种基本相似,不在赘述。
        需要注意的是:如果有多个立即执行函数,他们之间需要逗号分隔,否则会报错。同时,在立即执行函数里面,也可以采用匿名函数的形式书写。
  那么立即执行函数有什么作用或者好处呢?
  它最大的作用就是独立创建了一个作用域。我们知道,javascript 中没有私有作用域的概念,如果在多人开发的项目上,在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,而立即执行函数里面的变量都是局部变量,不会有命名冲突的情况。
  到此这篇关于JavaScript立即执行函数的文章就介绍到这了,更多相关JavaScript立即执行函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|耀极客论坛 ( 粤ICP备2022052845号-2 )|网站地图

GMT+8, 2022-11-28 20:20 , Processed in 0.082889 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表