JavaScript中this的四种绑定方式，你能全部掌握吗？

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

JavaScript中的this和函数信息密切相关，今天，我就详细地给大 家讲解一下：函数中的this到底指什么。

在JavaScript中，this关键字代表当前执行上下文中的对象。这个对象可以是全局对象、函数对象或者DOM元素等。

当函数被调用时，this的值取决于函数的调用方式。以下是一些常见的this用法：

1. 全局作用域：在全局作用域中，this通常指向全局对象（在浏览器中通常是window对象）。

2. 函数调用：在普通函数调用中，this不指向函数本身，而是指向全局对象。

3. 方法调用：在对象方法中，this指向调用该方法的对象。

4. 构造函数：在构造函数中，this指向新创建的对象。

5. 箭头函数：箭头函数不绑定自己的this，this的值在定义时已经确定。

了解this的绑定规则对于编写正确的JavaScript代码至关重要。下面是一些常见的this绑定场景：

- 普通函数调用：`functionName()`，this指向全局对象。

- 对象方法调用：`obj.methodName()`，this指向obj对象。

- 构造函数调用：`new FunctionName()`，this指向新创建的对象。

- 箭头函数：`const arrowFunc=()=> {};`，this的值在定义时已经确定。