位置: 编程技术 - 正文

深入浅析javascript立即执行函数(java scripts)

编辑:rootadmin

推荐整理分享深入浅析javascript立即执行函数(java scripts),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascripvoid,深入浅析是什么意思,javasripe,java script,javascripvoid,javascripvoid,java script,java script,内容如对您有帮助,希望把文章链接给更多的朋友!

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

JavaScript 函数语法

函数就是包裹在花括号中的代码块,前面使用了关键词 function:

function functionname(){这里是要执行的代码}

当调用该函数时,会执行函数内的代码。

可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

提示:JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。

( function(){…} )() 和 ( function (){…} () ) 是两种javascript立即执行函数的常见写法;

最初我以为是一个括号包裹匿名函数,再在后面加个括号调用函数,最后达到函数定义后立即执行的目的;后来发现加括号的原因并非如此。要理解立即执行函数,需要先理解一些函数的基本概念。

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

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

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

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

深入浅析javascript立即执行函数(java scripts)

函数声明和函数表达式不同之处:

一、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代码轻松实现网页内容禁止复制(代码简单) 以下代码非常简单,轻松实现网页内容禁止复制。有时候我们需要禁止别人复制网站的内容,以下代码可以轻松实现该功能!屏蔽鼠标右键functiondocument.

javascript跨域的方法汇总 此文章学习借鉴了一些其他前端同学的文章,自己做了个实践总结以下的例子包含的文件均为为

js窗口关闭提示信息(兼容IE和firefox) 很多时候,在浏览网页时,我们需要考虑用户不小心时关闭窗口的情况,特别是当用户有很重要的数据还没有保存,我们的程序有必要对用户进行提醒

标签: java scripts

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

上一篇:js判断手机号运营商的方法(js正则检验手机号)

下一篇:JavaScript代码轻松实现网页内容禁止复制(代码简单)(js代码示例)

  • 财税大管家客服电话
  • 关税税收优惠记忆口诀
  • 厂部管理人员薪酬计入什么费用
  • 预缴增值税后隔多久缴纳
  • 管理部门社保入哪个科目
  • 记账凭证是不是会计凭证
  • 在建工程转固定资产凭证附件
  • 收银系统已入库怎么操作
  • 改建的固定资产
  • 原材料加工费怎么入账的
  • 供货方代垫运费计入原材料
  • 农业生产企业是指什么
  • 金税盘非征期汇总资料未报送
  • 个人所得税减免申请
  • 管家婆已过账销售单如何删除
  • 新三板企业转主板条件
  • 报税文件是纳税申报表吗
  • 高技术制造企业
  • 总账每个月都要结账吗
  • 未生产期间的折旧费记到哪
  • 不具备生产条件的生产经营单位
  • 小规模纳税人无票收入免税吗
  • rundll32.exe应用程序错误 win7
  • 商品流通会计科目
  • 单位人工成本计算公式
  • gwsystemservice.exe是什么进程 有什么作用 gwsystemservice进程查询
  • php 读取文本文件
  • php怎么读取txt
  • 工程款清欠管理办法
  • 净资产现金回收率说明什么
  • 搜索神器官网
  • php import
  • 玄武湖公园游玩
  • 深度学习实战10-数学公式识别-将图片转换为Latex(img2Latex)
  • vue封装组建
  • 存货需要计算填列吗
  • 日期选择器的()属性表示选择器的粒度
  • 模型论文是什么类型
  • 前端实战面试题
  • php 输出
  • 错账的类型及对应的更正方法
  • 港口公司属于什么性质的单位
  • 13个点的普票可以抵税吗
  • 公司什么项目
  • SQL SERVER 2008 R2 重建索引的方法
  • 综合所得减除费用标准
  • 委托加工的材料成本是否含增值税
  • 劳务派遣公司该不该去
  • 成品油发票抵扣进项税
  • 商业折让发票如何开
  • 员工成本价购买公司商品 税屋
  • 本年利润如何记账
  • 塔吊租赁和购买的区别
  • 应付账款与应付票据结合的原则
  • 去年的增值税专用发票可以重开吗
  • 国际航班怎么报销
  • 虚拟模块
  • xp系统强制删除文件
  • 如何设置自动删除安装包
  • win批处理命令
  • Remoterm.exe - Remoterm是什么进程 有什么用
  • zmweb.exe是什么进程
  • win10电脑开机蓝屏怎么进入安全模式
  • win8如何免费升级win10
  • Linux系统怎么安装gz包软件
  • excel的基本数据类型
  • Nodejs Express4.x开发框架随手笔记
  • 用python的turtle画图代码
  • js旋转函数
  • 置顶在哪里
  • angular form表单
  • 安卓无法更新软件
  • great 搬运工
  • javascript文字特效
  • 简述javascript原型和原型链有什么特点?
  • 河北税务怎么看自己绑定的银行卡号
  • 按时交纳党费
  • 江苏税务app操作手册
  • 南京市车位产权证办理流程
  • 房地产的营业税税率
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设