位置: 编程技术 - 正文

ECMAScript6的新特性箭头函数(Arrow Function)详细介绍(ecmascript6入门)

编辑:rootadmin

箭头函数是ECMAScript 6最受关注的更新内容之一。它引入了一种用「箭头」(=>)来定义函数的新语法,它…它碉堡了~。箭头函数与传统的JavaScript函数主要区别在于以下几点:1.对 this 的关联。函数内置 this 的值,取决于箭头函数在哪儿定义,而非箭头函数执行的上下文环境。2.new 不可用。箭头函数不能使用 new 关键字来实例化对象,不然会报错。3.this 不可变。函数内置 this 不可变,在函数体内整个执行环境中为常量。4.没有arguments对象。更不能通过arguments对象访问传入参数。只能使用显式命名或其他ES6新特性来完成。这些差异的存在是有理可循的。首先,对this的绑定是JavaScript错误的常见来源之一。容易丢失函数内置数值,或得出意外结果。其次,将箭头函数限制为使用固定this引用,有利于JavaScript引擎优化处理。

一、语法

箭头函数的语法很简单,定义自变量,然后是箭头和函数主体。自变量和主题因使用不同可以采用更简洁的格式。下面这个例子就是采用传一个参数和返回一个值的箭头函数。

可以看出,传一个参数就直接写就好了,不用加小括号。箭头指向函数主体,不过函数主体也只是简单的一条返回语句,所以也不用加大括号。函数构造完毕赋给reflect加以引用。若需传入多个参数,则应加上小括号。例如:

sum()方法为两参数相加并回传结果。跟前一个例子的唯一区别是传入了两个参数,所以要用小括号括起来。它与传统函数一样,括号内由逗号将传入参数分开。同样,如果该函数不需要传入参数,那也要以空括号来代替。

若你想使用标准的函数体,或者函数体内可能有更多的语句要执行,则要用大括号将函数体括起来,并明确定义返回值。例如:

大括号内的部分基本等同于传统函数,除了arguments参数不可用外。因为大括号是函数主体的标志。而箭头函数若要返回自定义对象的话,就必须用小括号把该对象括起来先。例如:

上例可以看出,用小括号包含大括号则是对象的定义,而非函数主体。

二、使用

JavaScript最常见错误之一就是函数内部this关联。因为this是根据函数当前的执行环境去取值的,这样就会在调用时产生误解,以导致对其他的不相关对象产生了影响。参见下例:

在这段代码中,本意是想让PageHandler的init()方法用于构建交互作用,并在点击事件处理函数中调用this.doSomething()。但是代码并未按设计初衷来执行,运行时this指向了全局对象而不是PageHandler,从而造成this.doSomething()调用无效出现报错,因为全局对象中不存在doSomething方法。当然,可以在函数中使用bind()将this与PageHandler明确关联起来,见下:虽然看着有些怪,但现在代码执行是符合预期的。通过调用函数的bind(this),又创建了一个已关联现有this的新函数返回,就是说为了达到目的额外又包了一层。因为箭头函数已经支持this关联,所以这里用箭头函数会更爽快些,看下例:

这个实例中的事件处理函数调用了this.doSomething()的箭头函数。this的取值即为init()内的this值。故而它等效于bind()。箭头函数简明扼要的特性,也使它成为其他函数自变量的理想选择。例如,若要在ES5上,使用定制比较器来排列数组,典型的代码见下:

上例用了许多语法来实现一个简单的操作。若使用箭头函数,则可写成很精炼的代码:

数组的sort/map/reduce等方法都支持回调函数。用箭头函数可以简化书写流程,解放你的双手去做你想做的事情。

三、补充

箭头函数的确与传统函数有不同之处,但仍存在共同的特点。例如:1.对箭头函数进行typeof操作会返回“function”。2.箭头函数仍是Function的实例,故而instanceof的执行方式与传统函数一致。3.call/apply/bind方法仍适用于箭头函数,但就算调用这些方法扩充当前作用域,this也依旧不会变化。箭头函数与传统函数最大的不同之处在,禁用new操作。

四、结论

箭头函数是ECMAScript 6一个备受关注的新特性,并且还在不断的优化着。用简短语法以定义函数或语句书写流程是大势所趋,他们必将?耪ㄌ欤?奕丝勺琛K?怨丶??his的关联让开发者不再神烦,并通过JavaScript引擎优化,帮助其提高表现。说到这里,小伙伴们的大刀已经饥渴难耐了吧,若想试用箭头函数,打开最新版本的Firefox即可。

推荐整理分享ECMAScript6的新特性箭头函数(Arrow Function)详细介绍(ecmascript6入门),希望有所帮助,仅作参考,欢迎阅读内容。

ECMAScript6的新特性箭头函数(Arrow Function)详细介绍(ecmascript6入门)

文章相关热门搜索词:ecmascript6教程,ecmascript6教程,ecmascript 6中文文档,ecmascript 6,ecmascript6教程,ecmascript6新特性,ecmascript6简介,ecmascript新特性,内容如对您有帮助,希望把文章链接给更多的朋友!

javascript浏览器兼容教程之事件处理 1.window.event【分析说明】先看一段代码functionet(){alert(event);//IE:[object]}以上代码在IE运行的结果是[object],而在Firefox无法运行。因为在IE中event作为window对

深入理解javascript中的立即执行函数(function(){…})() javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法也是对javascript语言特性

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

标签: ecmascript6入门

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

上一篇:js中的caller和callee属性介绍和例子(js call.call)

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

  • 材料按实际成本计价时发出成本的计算方法有
  • 零税率和免税一样吗?哪一个更优惠?
  • 供热管道属于什么经营范围内
  • 差额增税可以抵扣吗
  • 税前利润包含营业税吗
  • 水利建设专项收入的税率是多少?
  • 职工罚款收入计入什么科目
  • 新成立的公司一般纳税人还是小规模纳税人好
  • 一般劳务报酬和税收区别
  • 半年度奖金怎么算
  • 用银行存款支付罚款
  • 销项抵扣需要缴纳城建税吗
  • 个人承包承租转包转租取得的所得
  • 服务业暂估成本分录
  • 商场交的质保金做什么会计科目?
  • 存货跌价卖出需要进项转出吗
  • 视同销售应付福利费账务处理是怎样的?
  • 红字发票需要做什么科目
  • 企业发票税收编码是什么
  • 设备租赁费开票属于哪个大类
  • 监控维护需要什么经营范围
  • 地税按季报还是月报
  • 增值税小规模纳税人的税率
  • 个人独资企业股权能出让吗
  • 个体户需要对公户吗
  • 出口货物怎么开具发票
  • 附加税包括哪些税种2021年
  • 库存股股本属于什么科目,借贷方向
  • 罕见病药品进口要求
  • virtualbox打不开虚拟机
  • win11任务栏如何设置在最左边
  • 非经营性单位支出费用是什么
  • 发工资和扣社保的区别
  • 印花税的计税
  • 侵权行为 法律行为
  • schupd.exe - schupd是什么进程 有什么用
  • 系统托盘图标禁用
  • 固定资产更新改造支出计入什么科目
  • nddeagnt.exe - nddeagnt是什么进程 有什么用
  • linux录制视频工具
  • 盆栽月季花怎么修剪图解
  • 租入经营用房屋的改良支出
  • 如何通过手机号码查对方在哪里
  • 大学生网页设计大赛
  • js数组方法大全
  • 面试宝典下载
  • xi:xtreg命令
  • 报关代理费计入什么科目
  • 企业网银证书年费是什么
  • access使用查询向导固定常数
  • mongodb优点
  • SqlServer如何通过SQL语句获取处理器(CPU)、内存(Memory)、磁盘(Disk)以及操作系统相关信息
  • sql server如何操作
  • 报关单保费率怎么填
  • 以前年度差旅费退回
  • 企业分期收款销售商品,即商品已经交付
  • 公司租赁个人车辆租金多少合适
  • 应该是先付款还是先开发票
  • 政府专项资金补助计入什么科目
  • 住房按揭贷款贷20年还剩八年是黄好还是慢慢的还好
  • a公司刚刚执行了一个采购项目
  • 公司向员工个人借款怎么处理
  • 房地产开发企业建造的商品房,在出售前
  • MYSQL数据库原理及应用
  • mysql免安装版本
  • windows2000修改ip
  • userint32.exe - userint32是什么进程
  • linux系统中常用的五种文件类型
  • windows7开机
  • messengerd
  • win8跳过开机密码
  • html框架frameset代码
  • [置顶]星陨计划
  • 轮廓模式
  • js的文件操作
  • 郑州房管局办事大厅预约
  • 三方协议开票流程
  • 怎么注册山东省政府采购网
  • 一般纳税人资格是什么意思
  • 税务申报如何网上申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设