JavaScript箭头函数中的this是如何在函数调用时确定其上下文环境的？

本文共计1642个文字，预计阅读时间需要7分钟。

前言：箭头函数极大地方便了this的取值规则。下面简单改写以下内容，不超过100字，直接输出结果：

箭头函数简化了this的取值规则。普通函数与箭头函数：普通函数指用function定义的函数；箭头函数指用=>定义的函数。例如：var hello=function() {console.log(Hello, Fundebug!);}; 箭头函数指用=定义的函数。

前言

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

普通函数与箭头函数

普通函数指的是用function定义的函数：

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

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

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

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

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