iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript立即执行函数用法解析
  • 122
分享到

JavaScript立即执行函数用法解析

2024-04-02 19:04:59 122人浏览 安东尼
摘要

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

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


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

--结束END--

本文标题: JavaScript立即执行函数用法解析

本文链接: https://www.lsjlt.com/news/160911.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript立即执行函数用法解析
            我们知道,在一般情况下,函数必须先调用才能执行,如下所示,我们定义了一个函数,并且调用, fu...
    99+
    2022-11-12
  • JavaScript立即执行函数的用法是什么
    JavaScript立即执行函数的用法是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。       ...
    99+
    2023-06-22
  • Javascript立即执行函数(IIFE)实例详解
    目录前言函数表达式立即执行函数如果我们了解整个情况:IIFE 的特征/行为附:IIFE的参数总结前言 IIFE,一般称为立即执行函数。你可能会问我,*“嘿!我知道正常的函...
    99+
    2022-11-13
  • JavaScript基础之立即执行函数
    目录立即执行函数格式立即执行函数其他方式–表达式立即执行函数可以带参数应用总结在JavaScript中有时候看到一些很神奇的函数比如下面截图: 这种函数只要浏览器加载的时候会自动运...
    99+
    2022-11-12
  • JavaScript立即执行函数与函数劫持的作用
    目录一、立即执行函数1、实现方式2、立即执行函数的作用3、使用场景4、返回值5、带单目运算符的立即执行函数二、函数劫持一、立即执行函数 立即执行函数(IIFE):在函数声明后立即调用...
    99+
    2023-01-11
    JS立即执行函数 JS函数劫持
  • javascript立即执行函数表达式IIFE的示例分析
    这篇文章主要为大家展示了“javascript立即执行函数表达式IIFE的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript立即执行函数...
    99+
    2022-10-19
  • JavaScript中立即执行函数格式有哪些
    这篇文章主要介绍JavaScript中立即执行函数格式有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在JavaScript中有时候看到一些很神奇的函数比如下面截图:这种函数只要浏览器加载的时候会自动运行,而需要...
    99+
    2023-06-25
  • 在ES5环境下立即执行函数的示例分析
    在ES5环境下立即执行函数的示例分析,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。立即执行函数常用于第三方库,它可以用来隔离变量作用域,很...
    99+
    2022-10-19
  • JavaScript如何立即调用函数表达式
    小编给大家分享一下JavaScript如何立即调用函数表达式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!立即调用函数一、了解立即调用函数表达式1.1 思维导图1...
    99+
    2023-06-14
  • JS怎么实现动态插入并立即执行回调函数
    这篇文章主要讲解了“JS怎么实现动态插入并立即执行回调函数”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS怎么实现动态插入并立即执行回调函数”吧!具体代码如下:<!DOCTYPE&n...
    99+
    2023-07-04
  • Golang函数的延迟执行机制解析
    Golang是一种使用广泛的编程语言,它在高并发场景下表现出色,其中一个重要的特性就是函数的延迟执行机制。本文将深入探讨Golang函数的延迟执行机制,包括延迟执行的原理、使用时的注意事项等。延迟执行的原理Golang中的延迟执行机制是通过...
    99+
    2023-05-16
    函数 Golang 延迟执行
  • 详解JavaScript Alert函数执行顺序问题
    目录问题分析解决替换 Alert() 函数setTimeOut函数小结问题 前几天使用 JavaScript 写 HTML 页面时遇到了一个奇怪的问题: 我想实现的功能是通过 con...
    99+
    2022-11-12
  • useEffect 返回函数执行过程源码解析
    目录引言deletions处理当前节点的 deletions删除的 fiber 没有子节点:删除的 fiber 有子节点:向下遍历和向上遍历总结1. 遍历 deletions 数组:...
    99+
    2023-05-16
    useEffect 返回函数执行流程 useEffect 返回函数
  • JavaScript自执行函数和jQuery扩展的示例分析
    这篇文章主要为大家展示了“JavaScript自执行函数和jQuery扩展的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript自执行函数...
    99+
    2022-10-19
  • JavaScript函数执行、作用域链以及内存管理详解
    目录前言函数执行全局执行上下文函数执行上下文作用域链内存管理引用计数标记清除前言 在我们平常编写JavaScript代码的时候,难免会用到函数,函数里面会有各种变量,这些变量的作用的...
    99+
    2023-01-08
    JS函数执行 js作用域链 js内存管理
  • Go语言文档解析:sync.Once函数实现单次执行
    Go语言文档解析:sync.Once函数实现单次执行,需要具体代码示例Go语言中的sync包提供了一些用于同步操作的函数和类型。其中一个非常有用的函数是sync.Once,它可以确保某个操作只执行一次。在本文中,我们将详细解析sync.On...
    99+
    2023-11-03
    文档解析 关键词:Go语言 syncOnce函数
  • JavaScript函数执行上下文的this怎么调用
    今天小编给大家分享一下JavaScript函数执行上下文的this怎么调用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。Ja...
    99+
    2023-07-04
  • 解析Vuejs使用addEventListener的事件触发执行函数的this问题
    目录1、使用浏览器监听切屏为例1.1、正常函数使用如下:1.2、bind()绑定事件指定函数1、使用浏览器监听切屏为例 此处为考虑浏览器兼容性推荐使用:document.addEve...
    99+
    2022-12-31
    vuejs addEventListener的事件触发 vuejs 事件触发 vuejs执行函数this addEventListener事件触发
  • JavaScript函数语法、函数调用和函数返回实例分析
    这篇文章主要介绍了JavaScript函数语法、函数调用和函数返回实例分析的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript函数语法、函数调用和函数返回实例分析...
    99+
    2022-10-19
  • 如何进行javascript的防抖节流函数解析
    这期内容当中小编将会给大家带来有关如何进行javascript的防抖节流函数解析,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。防抖节流函数的解析认识防抖和节流函数防抖和节流的概念其实最早并不是出现在软件工...
    99+
    2023-06-26
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作