位置: 编程技术 - 正文

深入浅析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代码示例)

  • 公司买房子可以贷款多少
  • 工业企业取得土地收益
  • 金税四期对企业的风险
  • 公司股东和自然人股东可否代持股权
  • 报完税没有清卡
  • 结构性存款需要缴纳增值税吗
  • 回购股票增加权益吗
  • 临时售楼处及其装修费用如何列支
  • 单位购买定制的器材
  • 月初结存材料成本差异
  • 固定资产盘亏账务处理例题
  • 转出未交增值税借方余额怎么处理
  • 企业接受捐赠是营业收入吗
  • 公司评级有什么用
  • 企业零申报教学视频
  • 科技公司营业执照经营范围明细
  • 2018年所得税表
  • 建筑业异地预缴税款的会计分录
  • 稿酬所得个人所得税税率
  • 2016的发票2017年还能用吗?
  • 融资租赁要怎么做
  • 年度员工离职率的计算公式
  • 填制和审核凭证是什么意思
  • 生活补贴和节日补贴区别
  • 存货抵偿债务账务处理
  • win11字体大小怎么调
  • 开机提示lsass应用程序出错
  • 有限责任公司注册要求
  • 现在还有票据法吗
  • win10电脑文件夹打不开
  • erl.exe是什么进程
  • 查补增值税的会计处理
  • 收到保险公司赔付的车辆维修费的会计分录
  • framework3.5怎么打开
  • 冲减应付账款如何做账
  • react中路由有哪些常用组件
  • php操作字符串
  • 设置背景图片大小和元素的大小一致的代码
  • 商企预提待付的钱怎么办
  • javaweb会话跟踪技术有哪些
  • vue的常见面试题
  • 干货!​如何打造我们自己的“ChatGPT”?| 大佬思辨
  • php访问路径
  • 预付款项属于什么
  • 专项应付款怎么转固定资产
  • 如何在织梦中设置图片加文字
  • 企业开具劳务费发票怎么开,税率多少
  • 普票退货需要开红字信息表吗
  • 边际贡献总额计算公式边际贡献率
  • PureFTP借助MySQL实现用户身份验证的操作教程
  • 织梦建站详细教程
  • 登记会计账簿的实训总结
  • 境外公司汇款给个人要交税吗
  • 可变现净值属于会计计量属性吗
  • 无进项可以开票么
  • 外聘专家机票能抵扣增值税吗
  • 企业缴纳的住房公积金的税率
  • 冲销暂估入库摘要怎么写
  • 一般纳税人开具3%专票的条件
  • 公司向个人借款的会计分录怎么做
  • 哪几种情况涉及到进项税额的转出
  • 软件测试费用明细
  • 增值税发票备注栏最新规定
  • 工程上第三方代表啥意思
  • 哪个行业的会计最难
  • nano linux
  • win8.0升级win8.1
  • win edge
  • linux防火墙设置firewalld
  • windows xp windows
  • linux ssh安装包
  • 使用jquery实现的项目
  • node.js redis
  • async/await与promise(nodejs中的异步操作问题)
  • 精灵动画片大全90年代
  • javascript 快速入门
  • python引用和调用有什么不同
  • 旧房转让土地增值税扣除项目
  • 潍坊市的职工医保多少钱
  • 财税公众号名称大全
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设