位置: 编程技术 - 正文

js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?(js立即执行函数作用)

编辑:rootadmin

推荐整理分享js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?(js立即执行函数作用),希望有所帮助,仅作参考,欢迎阅读内容。

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

没有区别。

你需要明白 IIFE 的原理,我简单说一下:

IIFE 并非必须,传统一点可以这么写:

那么为什么要 IIFE?1.传统的方法??拢?ㄒ搴椭葱蟹挚?矗?br />2.传统的方法直接污染全局命名空间(浏览器里的 global 对象,如 window)

于是,开发者们想找一个可以解决以上问题的写法。那么像下面这么写行不行呢?

function foo(...){}();

当然是不能,但是为什么呢?因为 function foo(...){} 这个部分只是一个声明,对于解释器来说,就好像你写了一个字符串 "function foo(...){}",它需要使用解析函数,比如 eval() 来执行它才可以。所以把 () 直接放在声明后面是不会执行,这是错误的语法。

如何把它变得正确?说起来也简单,只要把 声明 变成 表达式(Expression) 就可以了。

实际上转变表达式的办法还是很多的,最常见的办法是把函数声明用一对 () 包裹起来,于是就变成了:

js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?(js立即执行函数作用)

这就等价于:

但是之前我们说不行的那个写法,其实也可以直接用括号包起来,这也是一种等价的表达式:

(function foo(){...}());

所以你问有没有区别?很简单:木有~

另外,刚才说过转变表达式的方式很多,的确还有很多别的写法,比如:

!function foo() {...}();

或者

+function foo() {...}();

这些都可以。

我个人挺偏爱用 void 来转变表达式,因为此关键字不会有返回值。不过这一点真的没有什么要紧的,就当我“龟毛”好了……

OK,所谓不去污染全局命名空间,是因为 IIFE 创建了一个新的函数作用域,你真正的业务代码被封装在其中,自然就不会触碰到全局对象了。如果你需要全局对象,那就 pass 给 IIFE:

我在这里写过一个系列,其中一篇讲作用域和命名提升的,里面的知识点对理解 IIFE 有帮助,有兴趣的话可以继续深入阅读: 是 把函数当作表达式解析,然后执行解析后的函数相当于 var a = function(){}; a(); a得到的是函数(function(){}()); 是把函数表达式和执行当作语句直接执行、相当于 var a = function(){}(); a得到的是结果最终结果是一样的、()只是起了 自执行的作用和 () 一样的还有很多比如 +function (){}这个等于 (function (){}) 一般用(function (){}) 还有个作用,就是 避免全局变量

理解 JavaScript Scoping & Hoisting(二) Scoping&Hoistingvara=1;functionfoo(){if(!a){vara=2;}alert(a);};foo();上面这段代码在运行时会产生什么结果?尽管对于有经验的程序员来说这只是小菜一碟,不过我还

每天一篇javascript学习小结(属性定义方法) 定义(Definition).定义属性需要使用相应的函数,比如:Object.defineProperty(obj,"prop",propDesc)如果obj没有prop这个自身属性,则该函数的作用是给obj添加一个自身属性

跟我学习javascript的作用域与作用域链 作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简

标签: js立即执行函数作用

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

上一篇:JavaScript如何获取数组最大值和最小值(js获取)

下一篇:理解 JavaScript Scoping & Hoisting(二)(理解的英文)

  • 一般纳税人的计税方式是什么
  • 增量留抵退税会计处理
  • 耕地占用税退税政策
  • 其他应收款财务报表取数
  • 无息借款账务处理
  • 展览服务费进项可以抵扣吗
  • 金税盘如何查看开票机号
  • 库存现金和银行存款的区别
  • 销售货物物流公司丢件赔偿会计分录
  • 预付账款发票到货未到怎么做账
  • 小规模纳税人工程服务的增值税率
  • 现金流量表中收入怎么算
  • 代账公司收取服务费能开增值税票吗?
  • 工商年报中的纳税总额是所属期应交还是实交税额
  • 营业执照上能看出来是一般纳税人
  • 某公司为了更好的开展业务
  • 计提汇算清缴涉及到不是当年费用怎么记账
  • 借现金还银行怎么做账
  • 分期付款购买商品房后续没钱还怎么办
  • 在同一预缴地有多个项目的建筑业纳税人总销售额以什么为标准确定?
  • 年底结账时需要做账吗
  • 五险一金的会计分录怎么写
  • 出口退税怎么申报个税
  • 预提费用年终有余额怎么办
  • 电脑桌面换壁纸的软件
  • 如何制作win7系统u盘安装盘
  • 行政事业单位预算由收入预算、支出预算组成
  • 废品损失的核算方式主要有
  • 580显卡玩吃鸡多少帧
  • php使用js
  • php fpm原理
  • php常用设计模式有哪些
  • 代扣增值税如何做账
  • 个人账户存储额是缴费总和
  • html关于边框的代码
  • php计算圆的周长和面积代码
  • php数据的提交与采集实验报告
  • vue3.0配置代理
  • 暂估金额与发票金额会影响什么信息
  • 申请退税怎么算
  • php制作验证码
  • 残保金的计费依据
  • 上月购进固定资产次月退货已开具红字发票如何入账
  • 契税计入会计利润总额吗
  • 预提和计提
  • 不计提工资直接发放可以吗
  • wordpress编辑文章
  • 完整的css代码案例
  • mysql触发器在哪
  • 法人如何提取公积金
  • PostgreSQL教程(六):函数和操作符详解(2)
  • 企业的承兑汇票会计分录
  • 微信账单可以用来干嘛
  • 金融资产主要包括
  • 现金池管理
  • 试驾车折旧残值怎么计算
  • 销项负数发票入账分录
  • 开空头发票犯法吗
  • 多计费用以前年度损益调整账务处理
  • 装修公司开劳务费怎么选择税控编码
  • 工业企业产成品库存同比
  • 知识经济对会计的影响论文
  • MSSQL 数据库同步教程
  • centos支持哪些cpu
  • mac系统快速入门
  • linux进程详解
  • unity3d应用开发
  • Ext JS 4实现带week(星期)的日期选择控件(实战一)
  • Broadcast实现强制下线功能
  • js兼容ie
  • dos命令chkdsk
  • css浮动和清除浮动
  • js多选
  • react jss
  • NodeJS配置HTTPS服务实例分享
  • 浅谈JQuery+ajax+jsonp 跨域访问
  • Python3使用requests发闪存的方法
  • 如何开具分包发票流程
  • 留抵退税退回的款如何做账
  • 怎么查国税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设