位置: 编程技术 - 正文

深入理解javascript中的立即执行函数(function(){…})()(深入理解新发展理念,推进供给侧结构性改革 心得体会)

编辑:rootadmin

javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。

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

函数声明、函数表达式、匿名函数

函数声明:function fnName () {…};使用function关键字声明一个函数,再指定一个函数名,叫函数声明。

函数表达式 var fnName = function () {…};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式。

匿名函数:function () {}; 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量则创建函数,赋予一个事件则成为事件处理程序或创建闭包等等。

函数声明和函数表达式不同之处在于,一、Javascript引擎在解析javascript代码时会‘函数声明提升'(Function declaration Hoisting)当前执行环境(作用域)上的函数声明,而函数表达式必须等到Javascirtp引擎执行到它所在行时,才会从上而下一行一行地解析函数表达式,二、函数表达式后面可以加括号立即调用该函数,函数声明不可以,只能以fnName()形式调用 。以下是两者差别的两个例子。

在理解了一些函数基本概念后,回头看看( function(){…} )()和( function (){…} () )这两种立即执行函数的写法,最初我以为是一个括号包裹匿名函数,并后面加个括号立即调用函数,当时不知道为什么要加括号,后来明白,要在函数体后面加括号就能立即调用,则这个函数必须是函数表达式,不能是函数声明。

可以看到输出结果,在function前面加!、+、 -甚至是逗号等到都可以起到函数定义后立即执行的效果,而()、!、+、-、=等运算符,都将函数声明转换成函数表达式,消除了javascript引擎识别函数表达式和函数声明的歧义,告诉javascript引擎这是一个函数表达式,不是函数声明,可以在后面加括号,并立即执行函数的代码。

加括号是最安全的做法,因为!、+、-等运算符还会和函数的返回值进行运算,有时造成不必要的麻烦。

不过这样的写法有什么用呢?

javascript中没用私有作用域的概念,如果在多人开发的项目上,你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,根据javascript函数作用域链的特性,可以使用这种技术可以模仿一个私有作用域,用匿名函数作为一个“容器”,“容器”内部可以访问外部的变量,而外部环境不能访问“容器”内部的变量,所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突,俗称“匿名包裹器”或“命名空间”。

JQuery使用的就是这种方法,将JQuery代码包裹在( function (window,undefined){…jquery代码…} (window)中,在全局作用域中调用JQuery代码时,可以达到保护JQuery内部变量的作用。

本文属个人理解整理,如有错误之处欢迎指出,文中观点参考于:

《javascript权威指南》、《javascript高级程序设计》

推荐整理分享深入理解javascript中的立即执行函数(function(){…})()(深入理解新发展理念,推进供给侧结构性改革 心得体会),希望有所帮助,仅作参考,欢迎阅读内容。

深入理解javascript中的立即执行函数(function(){…})()(深入理解新发展理念,推进供给侧结构性改革 心得体会)

文章相关热门搜索词:深入理解linux内核第三版,深入理解javascript,深入理解计算机系统,深入理解javascript,深入理解新发展理念,深入理解新发展理念,推进供给侧结构性改革,深入理解javascript,深入理解javascript特性,内容如对您有帮助,希望把文章链接给更多的朋友!

javascript setinterval 的正确语法如何书写 前几天我用setinterval写了一个小程序,这个setinterval是用来干什么的我就不解释了。写的方法在其它的浏览器里都能用,后来测试组的同事拿去一测就出

js常用数组操作方法简明总结 //javascript中的数组分割varcolors=["red","green","blue"];//alert(colors.toString());alert(colors.join("|"));//返回结果是red|green|bluevarcolors=["red","green","blue",null];alert(colors.join

Javascript学习笔记之 对象篇(一) : 对象的使用和属性 false.toString();//'false'[1,2,3].toString();//'1,2,3'functionFoo(){}Foo.bar=1;Foo.bar;//1一个经常容易被误解的就是数字常量不能视为对象,实际上数字常量仍然可以视为

标签: 深入理解新发展理念,推进供给侧结构性改革 心得体会

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

上一篇:javascript浏览器兼容教程之事件处理(JavaScript浏览器扩展)

下一篇:js常用数组操作方法简明总结(js数组常用的方法及用法)

  • 小规模纳税人印花税怎样计算
  • 结转销售成本的分录
  • 原材料加工成产品的会计分录
  • 固定资产处置损益科目编码
  • 住宿费进项税分录
  • 个人投资企业投资人签字
  • 投资性房地产计量模式的转换
  • 固定资产抵扣多少年
  • 通信服务费计入什么科目
  • 城市建设维护税怎么计算
  • 银行承兑汇票上的承兑日期
  • 进项票转出怎么写分录
  • 一般纳税人十万以下免教育费附加
  • 讲课费税务发票类别
  • 出口押汇和议付的区别
  • 单位预算支出包括哪些
  • 上级拨入资金计入什么科目
  • 手动添加mac
  • 剑灵配置要求2020官方
  • getparameter报错
  • 磁盘使用量30m
  • 汇算清缴无形资产摊销填哪里
  • linux bt命令
  • php自学教程
  • 企业清算剩余财产分配是否交个人所得税
  • php数组函数,选班长
  • wordpress functions.php
  • 厂房出租租金要交多少税
  • 计提减值后折旧年限怎么算
  • To install them, you can run: npm install --save core-js/modules/es.array.push.js
  • php在apache中有哪些工作方式
  • 出差海外
  • php写文件函数
  • 甲公司购入一台入账价值为200万元的生产设备
  • 格雷厄姆岛
  • php实现简单的登录验证
  • 房屋租赁费发票备注栏需要写什么?
  • vue环境搭建的几种方法
  • 应收账款坏账准备计算表
  • ps遇到了文件尾
  • mysql 测试
  • 织梦手机端
  • 什么叫境外所得
  • 一般纳税人简易征收最新政策
  • 个人股权转让需要评估吗
  • 总公司和分公司按什么分类
  • mongotemplate 分页查询
  • 委托银行贷款利息发票谁提供
  • 普票是啥意思
  • 在建工程包括哪些大类科目
  • 无偿赠送货物如何申报增值税
  • 残保金季报还是月报
  • 管家婆进销存的凭证如何体现?
  • 残疾人就业保障金是什么意思啊
  • 从事股权投资业务的企业业务招待费
  • 党委经费是国家政府出吗?
  • 2018年水利建设基金税率
  • 财务报表分析的目的
  • mysql innode
  • 高危补丁该不该修补
  • win8 start menu
  • 重装xp系统进不去
  • mac文档怎么传给winds
  • speedupmypc.exe - speedupmypc是什么进程
  • lhotkey.exe
  • 王牌竞速 小米
  • macos 安装win7
  • 文件夹底部显示
  • win10怎么安装pscs6
  • win7电脑c盘格式化
  • unityai寻路
  • 简单实现多彩慕斯蛋糕淋面的方法
  • unity 子弹效果 粒子
  • python用什么编辑
  • Javascript removeChild()删除节点及删除子节点的方法
  • jqueryfilter
  • 水利建设基金的计提与会计处理
  • 12366重庆电子税务局
  • 灵活就业登记审核查询
  • 个体工商户开发票怎么开
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设