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立即执行函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序左滑删除效果的实现代码

    微信小程序左滑删除效果的实现代码

    这篇文章主要介绍了微信小程序左滑删除效果的实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • TypeScript基础类型介绍

    TypeScript基础类型介绍

    这篇文章主要介绍了TypeScript基础类型,布尔值、数字、字符串、任意类型等多种类型,下面我们就来看看这些类型的详细介绍,需要的朋友可以参考一下,希望对你有所帮助
    2021-12-12
  • 微信小程序 闭包写法详细介绍

    微信小程序 闭包写法详细介绍

    这篇文章主要介绍了微信小程序 闭包写法详细介绍的相关资料,需要的朋友可以参考下
    2016-12-12
  • TypeScript 泛型推断实现示例详解

    TypeScript 泛型推断实现示例详解

    这篇文章主要为大家介绍了TypeScript 泛型推断实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序实现图片轮播及文件上传

    微信小程序实现图片轮播及文件上传

    这篇文章主要介绍了 微信小程序实现图片轮播及文件上传的相关资料,需要的朋友可以参考下
    2017-04-04
  • 微信小程序 获取当前地理位置和经纬度实例代码

    微信小程序 获取当前地理位置和经纬度实例代码

    这篇文章主要介绍了微信小程序 获取当前地理位置和经纬度实例代码的相关资料,这里附有实例代码,及实现效果图,需要的朋友可以参考下
    2016-12-12
  • rollup打包引发对JS模块循环引用思考

    rollup打包引发对JS模块循环引用思考

    这篇文章主要为大家介绍了rollup打包引发的对JS模块循环引用的思考,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • Parcel配置public静态文件目录过程解析

    Parcel配置public静态文件目录过程解析

    这篇文章主要为大家介绍了Parcel配置public静态文件目录实现过程解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • wasm+js实现文件获取md5示例详解

    wasm+js实现文件获取md5示例详解

    这篇文章主要为大家介绍了wasm+js实现md5文件获取示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 带你彻底理解JavaScript中的原型对象

    带你彻底理解JavaScript中的原型对象

    这篇文章主要介绍了带你彻底理解JavaScript中的原型对象,文中有详细的代码介绍,对正在学习js的小伙伴们有一定的帮助,需要的朋友可以参考下
    2021-04-04

最新评论