您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

JavaScript立即执行函数用法解析

51自学网 2022-02-21 13:35:06
  javascript

        我们知道,在一般情况下,函数必须先调用才能执行,如下所示,我们定义了一个函数,并且调用,

function fn(){    console.log(1);    }    fn();

打印结果为:

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

立即执行函数有两种最常见的写法:

  • (function(){})()
  • (function(){}())

举个例子:

 (function fn(){            console.log(2);        })()

打印结果为:

打印成功。
 

       立即执行函数中的第二个小括号就相当于调用函数,我们同样可以给立即执行函数传参数,,将我们要传递的参数写在第二个()里面,作为实参,

如下:

 (function fn(a,b){    console.log('a+b='+a+b); })(1,2)

打印结果为:

        第二种立即执行函数使用方法和第一种基本相似,不在赘述。
        需要注意的是:如果有多个立即执行函数,他们之间需要逗号分隔,否则会报错。同时,在立即执行函数里面,也可以采用匿名函数的形式书写。

        那么立即执行函数有什么作用或者好处呢?

        它最大的作用就是独立创建了一个作用域。我们知道,javascript 中没有私有作用域的概念,如果在多人开发的项目上,在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,而立即执行函数里面的变量都是局部变量,不会有命名冲突的情况。

到此这篇关于JavaScript立即执行函数的文章就介绍到这了,更多相关JavaScript立即执行函数内容请搜索51zixue.net以前的文章或继续浏览下面的相关文章希望大家以后多多支持51zixue.net!


下载地址:
JavaScript超详细实现网页轮播图
JavaScript原型与实例详解
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。