位置: 编程技术 - 正文

跟我学习javascript的函数和函数表达式(java 视频教程)

编辑:rootadmin

推荐整理分享跟我学习javascript的函数和函数表达式(java 视频教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:java教程 视,java教程,java script,java script,java script教程,java教程,java教程,java script,内容如对您有帮助,希望把文章链接给更多的朋友!

1、函数声明与函数表达式

在ECMAScript中,创建函数的最常用的两个方法是函数表达式和函数声明,两者期间的区别是有点晕,因为ECMA规范只明确了一点:函数声明必须带有标示符(Identifier)(就是大家常说的函数名称),而函数表达式则可以省略这个标示符:

函数声明:function 函数名称 (参数:可选){ 函数体 }

函数表达式:function 函数名称(可选)(参数:可选){ 函数体 }

所以,可以看出,如果不声明函数名称,它肯定是表达式,可如果声明了函数名称的话,如何判断是函数声明还是函数表达式呢?ECMAScript是通过上下文来区分的,如果function foo(){}是作为赋值表达式的一部分的话,那它就是一个函数表达式,如果function foo(){}被包含在一个函数体内,或者位于程序的最顶部的话,那它就是一个函数声明。

表达式和声明存在着十分微妙的差别,首先,函数声明会在任何表达式被解析和求值之前先被解析和求值,即使你的声明在代码的最后一行,它也会在同作用域内第一个表达式之前被解析/求值,参考如下例子,函数fn是在alert之后声明的,但是在alert执行的时候,fn已经有定义了:

另外,还有一点需要提醒一下,函数声明在条件语句内虽然可以用,但是没有被标准化,也就是说不同的环境可能有不同的执行结果,所以这样情况下,最好使用函数表达式: 因为在条件语句中没有块级作用域这个概念

函数声明的实际规则如下:

函数声明只能出现在程序或函数体内。从句法上讲,它们 不能出现在Block(块)({ … })中,例如不能出现在 if、while 或 for 语句中。因为 Block(块) 中只能包含Statement语句, 而不能包含函数声明这样的源元素。另一方面,仔细看一看规则也会发现,唯一可能让表达式出现在Block(块)中情形,就是让它作为表达式语句的一部分。但是,规范明确规定了表达式语句不能以关键字function开头。而这实际上就是说,函数表达式同样也不能出现在Statement语句或Block(块)中(因为Block(块)就是由Statement语句构成的)。

2、命名函数表达式

提到命名函数表达式,理所当然,就是它得有名字,前面的例子var bar = function foo(){};就是一个有效的命名函数表达式,但有一点需要记住:这个名字只在新定义的函数作用域内有效,因为规范规定了标示符不能在外围的作用域内有效:

跟我学习javascript的函数和函数表达式(java 视频教程)

既然,这么要求,那命名函数表达式到底有啥用啊?为啥要取名?

正如我们开头所说:给它一个名字就是可以让调试过程更方便,因为在调试的时候,如果在调用栈中的每个项都有自己的名字来描述,那么调试过程就太爽了,感受不一样嘛。

tips:这里提出一个小问题:在ES3中,命名函数表达式的作用域对象也继承了 Object.prototype 的属性。这意味着仅仅是给函数表达式命名也会将 Object.prototype 中的所有属性引入到作用域中。结果可能会出人意料。

该程序看起来会产生 null, 但其实会产生一个新的对象。因为命名函数表达式在其作用域内继承了 Object.prototype.constructor(即 Object 的构造函数)。就像 with 语句一样,这个作用域会因 Object.prototype 的动态改变而受到影响。幸运的是,ES5 修正了这个错误。

这种行为的一个合理的解决办法是创建一个与函数表达式同名的局部变量并赋值为 null。即使在没有错误地提升函数表达式声明的环境中,使用 var 重声明变量能确保仍然会绑定变量 g。设置变量 g 为 null 能确保重复的函数可以被垃圾回收。

3、调试器(调用栈)中的命名函数表达式

刚才说了,命名函数表达式的真正用处是调试,那到底怎么用呢?如果一个函数有名字,那调试器在调试的时候会将它的名字显示在调用的栈上。有些调试器(Firebug)有时候还会为你们函数取名并显示,让他们和那些应用该函数的便利具有相同的角色,可是通常情况下,这些调试器只安装简单的规则来取名,所以说没有太大价值,我们来看一个例子:不用命名函数表达式

通过查看调用栈的信息,我们可以很明了地知道foo调用了bar, bar又调用了baz(而foo本身有在expr_test.html文档的全局作用域内被调用),不过,还有一个比较爽地方,就是刚才说的Firebug为匿名表达式取名的功能:

然后,当函数表达式稍微复杂一些的时候,调试器就不那么聪明了,我们只能在调用栈中看到问号:

另外,当把函数赋值给多个变量的时候,也会出现令人郁闷的问题:

这时候,调用栈显示的是foo调用了bar,但实际上并非如此,之所以有这种问题,是因为baz和另外一个包含alert(‘spoofed')的函数做了引用交换所导致的。

归根结底,只有给函数表达式取个名字,才是最委托的办法,也就是使用命名函数表达式。我们来使用带名字的表达式来重写上面的例子(注意立即调用的表达式块里返回的2个函数的名字都是bar):

好的,整个文章结束,大家对javascript的认识又近了一步,希望大家越来越喜欢小编为大家整理的文章,继续关注跟我学习javascript的一系列文章。

种JavaScript常用的MVC框架比较分析 本文详细讲述了种JavaScript常用的MVC框架。分享给大家供大家参考,具体如下:GordonL.Hempton是西雅图的一位黑客和设计师,他花费了几个月的时间研究

跟我学习javascript的函数调用和构造函数调用 一、函数调用Function绝对是JavaScript中的重中之重。在JavaScript中,Function承担了procedures,methods,constructors甚至是classes以及modules的功能。在面向对象程序设

跟我学习javascript的call(),apply(),bind()与回调 一、call(),apply(),bind()方法JavaScript中通过call或者apply用来代替另一个对象调用一个方法,将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新

标签: java 视频教程

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

上一篇:跟我学习javascript的var预解析与函数声明提升(java script)

下一篇:12种JavaScript常用的MVC框架比较分析

  • 什么是增值税留底退税
  • 税款抵扣会计分录
  • 购车保险返现如何做会计凭证
  • 团建费用途
  • 支付招聘费收到专票怎么记账
  • 可以用来办理贴现的票据
  • 机器不生产计提折旧吗
  • 付汇代扣代缴增值税纳税期限
  • 购买职工宿舍用品账务处理
  • 个人开具工程款发票所得税怎么算
  • 2016的发票2017年还能用吗?
  • 一般纳税人以清包工方式
  • 违约金收税吗
  • 应收股利属于其他业务吗
  • 销售库存商品结转的相关存货跌价准备冲减资产减值损失
  • 向境外企业支付服务费代扣代缴什么税
  • 增值税普通发票和电子普通发票的区别
  • 减免的城建税如何申报
  • mac big sur 新功能
  • 支付借款利息怎么做账
  • 设置ahci模式后,开不了机
  • 外币账户收到应收账款
  • 公司被收购后所需资金
  • php autoloader
  • 普通发票作废后能取消作废吗
  • php实现创建微信群聊
  • 收到员工罚款分录
  • 竣工结算与竣工决算的主要区别是什么
  • deepwiser怎么用
  • react中路由有哪些常用组件
  • php怎么获取post数据
  • 固定资产家具用具包括什么
  • 增值税发票打印机
  • 应税工资和实发工资区别
  • python类的继承与多态
  • php获取参数值的三种方式
  • 以前年度多计提折旧
  • vue整合electron
  • c语言常用函数用法
  • 员工福利费的账务处理
  • 增值税最高开票限额
  • 转让旧固定资产怎么处理
  • 固定资产清理属于什么科目
  • 房地产企业沙盘模拟
  • 公众号认证小额打款流程
  • 股权转让如何进行
  • 上年未计提所得税,本年怎么做分录
  • 建筑工程开办费
  • 报销如果没有发票怎么补救
  • 餐饮行业招聘方案
  • 使用sql server
  • sql导入和导出数据
  • linux操作系统基本操作
  • zmweb.exe是什么进程
  • ubuntu20.04挂载
  • win7系统设置wifi热点
  • macbook怎么隐藏
  • 做ghost备份
  • 如何配置linux系统
  • sqlservr.exe - sqlservr是什么进程 有什么作用
  • win7更新8007000e
  • bios升级失败后如何恢复
  • android4.4w
  • json查询语句
  • jquery 插件写法
  • Node.js中的事件循环是什么
  • 利用用英文怎么翻译
  • js怎样删除数组中的某个值
  • Android Http请求方法汇总
  • javascript in
  • python多线程怎么写
  • unity常用api
  • jquery中odd是什么意思
  • js 分页插件
  • 如何用u盘重装电脑系统
  • jQuery基于$.ajax设置移动端click超时处理方法
  • python string包
  • 出口退税企业分类管理等级
  • 四川农村信用社电话
  • 2010年末实现净利润390万,宣告发放现金股利40万,在计算本年未分配利润时,是否要减掉这40万?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设