箭头函数中的this究竟是什么鬼?

本文探讨JavaScript中箭头函数与普通函数的区别,重点在于箭头函数的this值。箭头函数没有自己的this,而是从函数作用域链中获取,简化了this的取值规则。文章通过例子解释了在不同场景下this的指向,建议在需要确定this值的情况下使用普通函数,其他情况使用箭头函数。
摘要由CSDN通过智能技术生成

摘要: 箭头函数极大地简化了this的取值规则。

普通函数与箭头函数
普通函数指的是用function定义的函数:

var hello = function () {
    console.log("Hello, Fundebug!");
}

箭头函数指的是用=>定义的函数:

var hello = () => {
    console.log("Hello, Fundebug!");
}

JavaScript箭头函数与普通函数不只是写法上的区别,它们还有一些微妙的不同点,其中一个不同点就是this。

箭头函数没有自己的this值,箭头函数中所使用的this来自于函数作用域链。

这句话很简单,不过听着稍微有点莫名其妙,得从头说起。

this到底是什么?
关于this的文章也够多了,有时候越描越黑,我就不再添乱了,我只负责搬运一下MDN文档:this,感兴趣的可以仔细阅读一下,我摘录一些最重要的话就好了。

A function’s this keyword behaves a little differently in JavaScript
compared to other languages. It also has some differences between
strict mode and non-strict mode.

JavaScript是一门比较奇特的语言,它的this与其他语言不一样,并且它的取值还取决于代码是否为严格模式(“use s

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值