JS中this指向问题你能完全理解吗？

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

您能理解JavaScript中`this`指向的问题吗？下面这篇文章将带大家聊聊让人头疼的`this`指向问题，希望对大家有所帮助！

`this`的指向

在JavaScript中，`this`是一个关键字，它指向函数或方法被调用时的上下文对象。在不同的场景下，`this`的指向可能会有所不同。

以下是我们常见的几种`this`指向情况：

1. 作为对象的方法调用：当`this`作为对象的方法被调用时，它指向该对象。 javascript const obj={ name: '张三', sayName: function() { console.log(this.name); } }; obj.sayName(); // 输出：张三

2. 作为普通函数调用：当`this`作为普通函数被调用时，它指向全局对象（在浏览器中是`window`，在Node.js中是`global`）。 javascript function sayName() { console.log(this.name); } sayName(); // 输出：undefined（在浏览器中）

3. 构造函数调用：当使用`new`关键字调用函数时，`this`指向新创建的对象。