在 JavaScript 中，关键字 "this" 是一个重要的概念。它用来引用当前执行上下文中的对象。但是，"this" 的含义非常复杂，并且经常导致混淆和错误。本文将对"this"进行详细讲解，包括其工作原理、使用场景和一些最佳实践。
1. "this" 是什么？
首先，需要了解"this"是如何定义的。当 JavaScript 函数被调用时，会创建一个新的执行上下文，这个上下文包含了一些信息，比如函数代码的变量、参数和函数内部定义的其他函数等。同时，JavaScript 还会在执行上下文中创建一个名为"this"的特殊变量，它指向当前执行上下文所属的对象。
以下是一个简单的示例：
-- -------------------- ---- -------
--- ------ - -
---------- -------
--------- ------
--------- ---------- -
------ -------------- - - - - --------------
-
--
------------------------------- -- ------- ----- ----在这个例子中，我们定义了一个 "person" 对象，其中包含一个 "fullName" 方法。当 "fullName" 方法被调用时，它使用 "this" 变量来引用 "person" 对象本身，并返回该对象的完整名称。
2. "this" 的使用场景
"this" 变量的值在不同的函数调用情况下会有所不同。以下是 "this" 可能的取值：
- 全局上下文中的 "this" 如果在全局作用域中使用 "this"，则它将指向全局对象（在浏览器中通常是 "window" 对象）。
console.log(this); // Output: Window {...}函数中的 "this" 当函数被调用时，它的 "this" 变量将指向不同的对象，具体取决于如何调用该函数。
- 在函数中使用 "this" 时，如果未使用任何特殊技术（例如 call() 或 apply()），则 "this" 将指向全局对象。
function myFunction() { console.log(this); // Output: Window {...} } myFunction();- 当使用 "new" 关键字创建一个对象时，"this" 将指向新创建的对象。
-- -------------------- ---- ------- -------- ------------ ---- - --------- - ----- -------- - ---- - --- ---- - --- -------------- ---- ----------------------- -- ------- ------ ---------------------- -- ------- --
- 当通过对象的属性访问函数时，"this" 将指向该对象。
-- -------------------- ---- ------- --- ------ - - ---------- ------- --------- ------ --------- ---------- - ------ -------------- - - - - -------------- - -- ------------------------------- -- ------- ----- ----
3. "this" 的最佳实践
当使用 "this" 时，应该遵循以下最佳实践：
避免在全局作用域中使用 "this"。这可能会导致意外行为和难以调试的问题。
在使用对象方法时，确保正确设置 "this"。如果您正在使用类似 jQuery 等库，则可以使用 bind() 或 call() / apply() 方法来设置 "this" 的值。
当使用构造函数创建对象时，确保在函数中使用 "this" 来引用新创建的对象。
如果出现混淆，可以使用箭头函数来明确指定 "this" 的值。
var person = {
firstName: "John",
lastName: "Doe",
fullName: () => {
return this.firstName + " " + this.lastName; // "this" 指向全局对象
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/25602) ，转载请注明来源
[https://www.javascriptcn.com/post/25602](https://www.javascriptcn.com/post/25602)