位置: 编程技术 - 正文

JavaScript中立即执行函数实例详解(js立即执行函数几种写法)

编辑:rootadmin

推荐整理分享JavaScript中立即执行函数实例详解(js立即执行函数几种写法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js setinterval立即执行,JavaScript中立即执行函数的作用,js立即执行函数几种写法,js立即执行函数和闭包,js setinterval立即执行,JavaScript中立即执行函数的作用,JavaScript中立即执行函数的作用,javascript立即执行函数,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

js立即执行函数可以让你的函数在创建后立即执行,js立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行,这种模式本质上就是函数表达式(命名的或者匿名的),在创建后立即执行。

( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法,最初我以为是一个括号包裹匿名函数,再在后面加个括号调用函数,最后达到函数定义后立即执行的目的,后来发现加括号的原因并非如此。

下面话不多说了,来一起看看详细的介绍吧。

通常我们声明一个函数有以下几种方式:

如果你看过一些自定义控件的话你会发现他们大多数都是沿用这种写法:

这是我们常说的立即执行函数(IIFE),顾名思义,也就是说这个函数是立即执行函数体的,不需要你额外去主动的去调用,一般情况下我们只对匿名函数使用IIFE,这么做有两个目的:

一是不必为函数命名,避免了污染全局变量

二是IIFE内部形成了一个单独的作用域,可以封装一些外部无法读取的私有变量。

如果看到这两句话无法理解,那么先从IIFE的运行原理说起。

因为IIFE通常用于匿名函数,这里就用简单的匿名函数作为栗子:

JavaScript中立即执行函数实例详解(js立即执行函数几种写法)

我们发现这里f只是这个匿名函数的一个引用变量,那么既然f()能够调用这个函数,我把f替换成函数本身可以么:

运行之后得到如下结果:

产生这个错误的原因是,Javascript引擎看到function关键字之后,认为后面跟的是函数声明语句,不应该以圆括号结尾。解决方法就是让引擎知道,圆括号前面的部分不是函数定义语句,而是一个表达式,可以对此进行运算,这里区分一下函数声明和函数表达式:

1、函数声明(即我们通常使用function x(){}来声明一个函数)

2、函数表达式(类似以这种的形式)

小学我们就学过用()括起来的表达式会先执行,就像下面这样:

其实在javascript中小括号也有相似的作用,Javascript引擎看到function关键字会认为是函数声明语句,那么如果Javascript引擎优先看到小括号会怎么样:

函数成功执行了:

这种情况下Javascript引擎就会认为这是一个表达式,而不是函数声明,当然要让Javascript引擎认为这是一个表达式的方法还有很多:

回到前面的问题,为什么说IIFE这种形式避免了污染全局变量,如果你见过别人写的jquery插件,里面通常会有类似这样的代码:

这里的jquery其实是该匿名函数的参数,联想一下我们调用匿名函数时候是用f()那么匿名带参数的就是f(args)对吧,这里把jquery作为参数传入该函数,那么在函数内部使用形参$的时候就不会影响到外部环境,因为有些插件也会用到$这个限定符,你在这个函数内部可以随意折腾。

以上,在此过程中参考了以下两篇文章:

javascript立即执行某个函数:插件中function(){}()再思考

JavaScript中的立即执行函数

总结

标签: js立即执行函数几种写法

本文链接地址:https://www.jiuchutong.com/biancheng/369726.html 转载请保留说明!

上一篇:javascript+jQuery实现360开机时间显示效果(jquery())

下一篇:详解使用React全家桶搭建一个后台管理系统(react用什么ui)

  • 车辆使用费属于什么税收分类
  • 企业前期开办费怎么入账
  • 个人劳务费怎么交税
  • 单身租房可以专租房吗
  • 社保计入主营业务成本
  • 电子发票密码区显示不全
  • 住宿费电子普票可以抵扣进项税额
  • 购买树木计入什么科目
  • 增值税怎样报税
  • 补提企业所得税会计分录
  • 一次性收到跨期租赁费会计分录
  • 发票购方税号是什么意思
  • 一般纳税人出租不动产增值税税率
  • 增值税专用发票验票
  • 2018手写发票何时失效?
  • 季度营业额超过6万需要补税
  • 个人公寓出租给公司要交税吗?
  • 航道疏浚服务属于什么服务
  • 把股份转给别人怎么处理
  • 商业承兑汇票是谁签发的
  • 公共基础设施折旧年限表 20
  • mac怎么创建icloud
  • 检验费用会计分录
  • php教程全集
  • 防伪税控风险纳税人
  • 不得税前扣除的项目有哪些
  • yii2入门
  • 木质家具出口
  • vue3.0用法
  • 这一年我学会了
  • vue3使用教程
  • 下列项目的进项税额可从销项税
  • python%s
  • 核心书评价格
  • python查看type
  • 法人借钱给公司,公司可以直接转给法人吗
  • 购进商品发生溢余的核算
  • 织梦栏目描述调用
  • url静态化怎么操作
  • sql server应用
  • 事务所的账务处理
  • 不开增值税发票的销售收入报税操作流程是?
  • 增值税专用发票上注明的价款含税吗
  • 企业长期资金来源有哪些
  • 人力资源行业企业成长
  • 员工购买口罩会计科目
  • 电影院租金一般多少为合理
  • 物流公司挂靠会计处理?
  • 债务重组的方式不包括借新债还旧债
  • 偿债基金作用
  • 基本医疗保险费是医保吗
  • 小规模纳税人利润如何缴税
  • 借款利息如何支付
  • 软件行业成本如何归集
  • 企业自查补交增值税
  • 未按照规定编制应急预案的,责令限期改正,可以处罚款
  • 开红字发票后再开蓝字发票如何入账
  • 账本页面设置
  • sql server执行语句
  • VMware虚拟机安装Android系统
  • win7能不能安装vs2019
  • linux pwdx命令
  • 五笔输入法怎么切换中文
  • propelac.exe - propelac是什么进程 有什么用
  • windows7桌面右击
  • linux终端有哪些
  • centos安装软件教程
  • 双系统怎么转移文件
  • win10注册不了账号
  • windows7系统下给WORD2010设置打开密码的方法
  • jquery插件怎么用到自己的网站
  • 如何强制和别人qq聊天
  • 常用服务器配置
  • 拨号器怎么用
  • 【mclin】手把手叫你在Eclipse里添加Android开发功能(附:完整离线版Android_SDK和Android_ADT下载)
  • Python cx_freeze打包工具处理问题思路及解决办法
  • js class 私有方法
  • 如何用jquery
  • 上市公司的税务风险大吗
  • 外汇申报填写什么最简单
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设