四种不应该使用箭头函数的情况

网站建设3年前发布
15 0 0

20230305221411e1d45d006e702ef7d27110bf414a0bb5912a61839,箭头函数给我们的工作带来了极大的方便,但是它们有什么缺点呢?我们应该一直使用箭头函数吗?我们应该在哪些场景中停止使用箭头函数?,现在,我们开始吧。,在箭头函数中,我们不能像在普通函数中那样使用 arguments 对象。,可以看到,fn1箭头函数报错,但是fn2可以正常读取arguments对象。,20230305220735b6f724063b5a4b20f3980190fb46d5a165c091100,我们如何才能在箭头函数中获取所有传递给函数的参数?,是的,没错,你可以使用Spread Operator来解决它。,我相信你可以很容易地知道下面的代码会输出什么。,20230305221412333339227a56f5875c2201c1811130df48b0ac773,我们希望 fn1 和 fn2 都打印对象,我们应该怎么做?,代码:,因为箭头函数在定义的时候就决定了它的this指向谁,所以没有办法用fn1.call(thisObj)再次改变它。,箭头函数不是万能的,至少有 4 种情况我们不应该使用它们。,因为构造函数通过 new 关键字生成一个对象实例。生成对象实例的过程也是通过构造函数将this绑定到实例的过程。,但是箭头函数没有自己的this,所以不能作为构造函数使用,也不能通过new操作符调用。,我们经常在 click 事件中通过 this 读取元素本身。,但是如果你使用箭头函数给 DOM 元素添加回调,这将等同于全局对象窗口。,你知道这段代码会输出什么吗?,是的,getName2方法不会打印“fatfish”,因为此时this和window是等价的,不等于obj。,2023030522073616262a601d196b52c5f176264a08f8724371d2809,以上这4种情况中,不建议使用箭头函数,如果你还了解其他的情况的话,也请你在留言区给我留言,我们一起学习进步;如果你觉得我今天的内容对你有帮助的话,请记得点赞我,关注我,并将它分享给你身边的朋友,也许能够帮助到他。,最后,感谢你的阅读,祝编程愉快!

© 版权声明

相关文章