如何准确描述JS中箭头函数与this的绑定机制？

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

前言：JavaScript在ES6语法中新增了箭头函数，相对于传统函数，箭头函数不仅更加简洁，而且在this方面进行了改进。

this作为JavaScript中比较特殊的对象存在，许多文章对于this的解释也不尽相同。以下是对箭头函数中this的一个简单说明：

在箭头函数中，this指向的是定义时所在上下文的this，而不是调用时的上下文。这意味着，即使在函数内部，this也不会因为函数的调用而改变。这对于避免传统函数中this指向不明确的问题非常有帮助。

前言

JavaScript在ES6语法中新增了箭头函数，相较于传统函数，箭头函数不仅更加简洁，而且在this方面进行了改进。this作为JavaScript中比较诡异的存在，许多文章对于this的解释也不尽相同，本篇文章试图厘清JS中函数与this的关系。

一、JS中函数的写法

1.常规函数的写法

在ES6语法之前，JS中的函数由function关键字、params参数和被花括号包裹的函数体组成。为了与后面说到的箭头函数相区别，我们先把这样的函数叫做常规函数，常规函数既可以用声明式写法也可以用赋值式写法。