JavaScript中函数的this绑定有哪四种方式，大家能说出吗？

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

JavaScript中的this和函数相关，今天我就详细地给大 家讲一讲：函数中的this从何而来，到何而去。

在JavaScript中，this是一个关键字，它指向函数执行时的上下文对象。当函数被调用时，this的值会根据函数的调用方式来确定。

1. 函数作为普通函数调用：此时，this指向全局对象（在浏览器中通常是window对象）。

2. 函数作为对象的方法调用：此时，this指向该对象。

3. 构造函数调用：此时，this指向新创建的对象。

4. Function.prototype.call()和Function.prototype.apply()方法调用：可以通过这两个方法来显式指定this的值。

5. 箭头函数：箭头函数不绑定自己的this，它会捕获其所在上下文的this值，作为自己的this值。

理解this的关键在于理解函数的上下文。每个函数执行时，都有一个执行上下文（Execution Context），包含变量、函数、this等。当函数被调用时，会创建一个新的执行上下文，并将this绑定到当前上下文。