this到底指啥,为什么有时候需要bind

本文深入探讨了JavaScript中this的指向规则,包括普通函数与箭头函数的区别,以及bind方法如何在函数调用中固定this的值,避免在特定上下文中this值的意外改变。

序言

相信学JavaScript的朋友都会有个疑惑this到底指啥,为什么有时候需要bind,有些时候又不需要,是不是感觉脑袋一片浆糊,下面我们就通过几个简短的案例,来帮助大家捋一下。

一、this到底指啥?

1.普通函数的this ==> 谁调用就是谁(经常变:谁调用是谁)

2.箭头函数的this ==> 在谁的环境下this就是谁(不变:当前作用域)

再举个例子:在document内

二、函数中的bind

1.直接指定函数中this的值,防止改变

如果指定一个事件执行函数的时候,class里面的this会变化,这时候不想外面套一层方法就可以使用bind。

直接绑定运行时this的值。

2.箭头函数的优先级比bind高

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值