JavaScript立即执行函数用法解析

 更新时间:2022年01月25日 12:52:02   作者:bear*6  
这篇文章主要介绍了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立即执行函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解使用yeoman打造自己的项目脚手架

    详解使用yeoman打造自己的项目脚手架

    这篇文章主要为大家介绍了使用yeoman打造自己的项目脚手架实现详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 微信小程序实现缓存根据不同的id来进行设置和读取缓存

    微信小程序实现缓存根据不同的id来进行设置和读取缓存

    这篇文章主要介绍了微信小程序实现缓存根据不同的id来进行设置和读取缓存的相关资料,需要的朋友可以参考下
    2017-06-06
  • 详解微信小程序Radio选中样式切换

    详解微信小程序Radio选中样式切换

    这篇文章主要介绍了详解微信小程序Radio选中样式切换的相关资料,需要的朋友可以参考下
    2017-07-07
  • ECharts框架分段视觉映射在移动端适配

    ECharts框架分段视觉映射在移动端适配

    这篇文章主要介绍了ECharts框架分段视觉映射在移动端适配详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • TypeScript 内置高级类型编程示例

    TypeScript 内置高级类型编程示例

    这篇文章主要为大家介绍了TypeScript 内置高级类型编程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • JavaScript中fetch方法的使用示例全面详解

    JavaScript中fetch方法的使用示例全面详解

    这篇文章主要为大家介绍了JavaScript中fetch方法的使用示例全面详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • JavaScript实际应用:innerHTMl和确认提示的使用

    JavaScript实际应用:innerHTMl和确认提示的使用

    JavaScript实际应用:innerHTMl和确认提示的使用...
    2006-06-06
  • JavaScript流程控制(循环)

    JavaScript流程控制(循环)

    这篇文章主要介绍了JavaScript流程控(循环),在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件。由循环体及循环的终止条件组成的语句,被称之为循环语句,更多详细内容请需要的小伙伴参考下面文章的具体介绍
    2021-12-12
  • JavaScript 反射学习技巧

    JavaScript 反射学习技巧

    这篇文章主要给大家分享的是JavaScript 的反射学习技巧,主要是区别在于所有的函数对象属性过于复杂,而且额外增加可能会导致程序行为不合理,所以扩展 Reflect 函数来专门对函数对象处理调用方法,构造对象,获取或者设置属性等相关操作。下面一起进入文章内容吧
    2021-10-10
  • Astro Islands静态页面交互式UI组件

    Astro Islands静态页面交互式UI组件

    这篇文章主要为大家介绍了Astro Islands静态页面交互式UI组件使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08

最新评论