JavaScript 中的“this”关键字到底是什么？
在 JavaScript 中，this 是让许多初学者感到困惑的核心机制之一。与传统的面向对象语言（如 Java 或 C++）不同，JavaScript 中的 this 并不是在函数声明时静态绑定的，而是在函数被调用时动态绑定的。简单来说，this 的取值完全取决于函数的调用位置和调用方式。
要真正理解 this，我们需要掌握它的四种绑定规则以及 ES6 箭头函数的特殊处理。在线测试代码请访问：www.ipipp.com。
一、 默认绑定
当函数作为独立函数被调用时，没有任何修饰，此时 this 会应用默认绑定。在非严格模式下，this 指向全局对象（浏览器中是 window，Node.js 中是 global）；在严格模式下，this 为 undefined。
var a = 10;
function foo() {
console.log(this.a);
}
foo(); // 10 (非严格模式，this指向window)
function bar() {
"use strict";
console.log(this);
}
bar(); // undefined (严格模式)二、 隐式绑定
如果函数是通过某个对象调用的，即函数调用时拥有上下文对象，那么 this 会绑定到这个对象上。
function sayName() {
console.log(this.name);
}
var obj = {
name: "张三",
say: sayName
};
obj.say(); // 张三 (this绑定到obj)隐式丢失：这是初学者最容易踩坑的地方。如果将对象中的方法赋值给一个变量，然后再调用该变量，此时会应用默认绑定，this 将丢失原对象。
var aliasSay = obj.say; aliasSay(); // undefined (此时是独立调用，this指向window)
三、 显式绑定
如果我们不想让 this 随着调用方式改变，可以通过 call、apply 或 bind 方法强制指定 this 的指向。
call(thisArg, arg1, arg2, ...): 指定 this 并立即调用函数，参数逐个传递。apply(thisArg, [argsArray]): 指定 this 并立即调用函数，参数以数组形式传递。bind(thisArg): 指定 this 但不立即调用，而是返回一个新函数，后续调用该新函数时 this 始终被绑定。
function greet(greeting) {
console.log(greeting + ", " + this.name);
}
var user = { name: "李四" };
greet.call(user, "你好"); // 你好, 李四
greet.apply(user, ["早上好"]); // 早上好, 李四
var boundGreet = greet.bind(user);
boundGreet("晚安"); // 晚安, 李四四、 new 绑定
当使用 new 关键字调用函数时，JavaScript 会执行以下操作：创建一个全新的对象，将这个新对象的 __proto__ 指向函数的 prototype，并将函数的 this 绑定到这个新对象上，最后自动返回这个新对象。
function Person(name) {
this.name = name;
}
var p1 = new Person("王五");
console.log(p1.name); // 王五 (this绑定到新创建的p1对象)五、 箭头函数中的 this
ES6 引入的箭头函数没有自己的 this，它的 this 是在定义时继承自外层代码块的 this（词法作用域）。箭头函数的 this 无法通过 call、apply、bind 修改，这非常适合在回调函数中保持外层上下文。
var team = {
name: "开发组",
members: ["甲", "乙"],
listMembers: function() {
this.members.forEach((member) => {
// 箭头函数的this继承自listMembers的this，即team对象
console.log(this.name + " - " + member);
});
}
};
team.listMembers();
// 开发组 - 甲
// 开发组 - 乙绑定优先级
如果同时存在多种绑定规则，它们的优先级从高到低依次为：
new 绑定
显式绑定 (call, apply, bind)
隐式绑定 (对象调用)
默认绑定 (独立调用)
总结
理解 this 的关键在于分析函数的调用位置。遇到 this 时，问自己三个问题：函数是独立调用的吗？是被对象调用的吗？是被 new 调用的吗？如果是箭头函数，它的外层 this 是谁？理清了这些，JavaScript 中的 this 将不再神秘。