当前位置:首页 > 教育 >

箭头函数的利弊(箭头函数和一般函数的区别)

来源:原点资讯(www.yd166.com)时间:2024-05-19 21:35:17作者:YD166手机阅读>>

参考:https://zhuanlan.zhihu.com/p/26540168

箭头函数的利弊,箭头函数和一般函数的区别(1)

1. 定义对象方法

JS 中对象方法的定义方式是在对象上定义一个指向函数的属性,当方法被调用的时候,方法内的 this 就会指向方法所属的对象。

1.1 定义字面量方法

错误示范:

箭头函数的利弊,箭头函数和一般函数的区别(2)

calculator.sum 使用箭头函数来定义,但是调用的时候会抛出 TypeError,因为运行时 this.array 是未定义的,调用 calculator.sum 的时候,执行上下文里面的 this 仍然指向的是 window,原因是箭头函数把函数上下文绑定到了 window 上,this.array 等价于 window.array,显然后者是未定义的。

解决的办法是,使用函数表达式来定义方法,确保 this 是在运行时是由包含它的上下文决定的

箭头函数的利弊,箭头函数和一般函数的区别(3)

这样 calculator.sum 就变成了普通函数,执行时 this 就指向 calculator 对象,自然能得到正确的计算结果。

1.2 定义原型方法

同样的规则适用于原型方法(prototype method)的定义,使用箭头函数会导致运行时的执行上下文错误

箭头函数的利弊,箭头函数和一般函数的区别(4)

首页 1234下一页

栏目热文

使用箭头函数有什么好处(怎么理解箭头函数)

使用箭头函数有什么好处(怎么理解箭头函数)

全文共1274字,预计学习时长6分钟图源:unsplashES6箭头函数似乎是一种很上瘾的函数,一旦了解你很容易用到停不...

2024-05-19 22:21:51查看全文 >>

箭头函数是干啥的(箭头函数与普通函数的区别在哪)

箭头函数是干啥的(箭头函数与普通函数的区别在哪)

箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ ... }和return都省...

2024-05-19 22:13:31查看全文 >>

星期五原版歌词(星期五原版歌曲)

星期五原版歌词(星期五原版歌曲)

小“火”伴们,大家好!今天是7月2日,农历五月二十三,星期五。今天要跟大家分享的歌曲是《本色》,由洪声作词,胡旭东作...

2024-05-19 22:15:05查看全文 >>

世界三大禁用歌曲之黑色星期天(黑色星期天诡异歌曲原版)

世界三大禁用歌曲之黑色星期天(黑色星期天诡异歌曲原版)

相信很多人都听说过世界三大禁曲,而且根据我们的了解,这三大禁曲都有一个共同的特点,那就是曲调十分的悲伤,而且据说有大量的...

2024-05-19 21:40:44查看全文 >>

黑色星期天真正的原版(黑色星期天完整版原版原声)

黑色星期天真正的原版(黑色星期天完整版原版原声)

《黑色星期天》是一首非常特别的音乐,它的背后有着一些令人毛骨悚然的传闻。这首歌是由匈牙利作曲家鲁兰斯·查理斯在1933年...

2024-05-19 22:16:15查看全文 >>

什么是箭头函数适用什么场景(箭头函数与普通函数的区别在哪)

什么是箭头函数适用什么场景(箭头函数与普通函数的区别在哪)

现代 JavaScript 中最引人注目的功能之一是引入了箭头函数,用 => 来标识。这种函数有两大优点 – 非常...

2024-05-19 22:08:04查看全文 >>

箭头函数用法(箭头函数和非箭头函数)

箭头函数用法(箭头函数和非箭头函数)

一.箭头函数语法:1.没有参数时var demo = Function(){}相当于:var demo = () =&g...

2024-05-19 22:05:08查看全文 >>

箭头函数和普通函数的写法(箭头函数与普通函数的区别在哪)

箭头函数和普通函数的写法(箭头函数与普通函数的区别在哪)

箭头函数是ES6的API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱。就是这种我们日常开发中一直...

2024-05-19 22:03:36查看全文 >>

箭头函数和普通函数的区别(匿名函数和箭头函数)

箭头函数和普通函数的区别(匿名函数和箭头函数)

箭头函数是ES6的API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱。就是这种我们日常开发中一直...

2024-05-19 21:59:35查看全文 >>

箭头函数的优势和劣势(箭头函数与普通函数的区别)

箭头函数的优势和劣势(箭头函数与普通函数的区别)

本号用于每日更新前端最新面试题,React、Vue、小程序、JavaScript、HTML5、CSS、uniapp、ES...

2024-05-19 22:13:53查看全文 >>

文档排行