this的值由函数调用时的上下文决定：普通调用时非严格模式指向全局对象、严格模式为undefined；箭头函数继承外层调用时的this；对象方法调用时指向点号前的对象；call/apply/bind可显式绑定；new调用时指向新实例。
this 的值不是由函数定义时决定的，而是由函数**调用时的上下文**决定的。它不继承外层作用域，也不受 function 声明位置影响——只看「谁在调用它」和「怎么调用的」。
普通函数直接调用时，this 指向全局对象（非严格模式）或 undefined（严格模式）
这是最容易踩坑的场景：函数独立执行，没绑定任何对象。
- 非严格模式下：
this指向window（浏览器）或global（Node.js） - 严格模式下：
this是undefined，访问this.xxx会报TypeError - 箭头函数没有自己的
this，它沿用外层函数作用域的this值（注意：不是词法作用域的「变量」，而是调用时外层函数的this）
function foo() {
console.log(this);
}
foo(); // 非严格模式 → window；严格模式 → undefined
const obj = {
name: 'test',
bar: () => console.log(this) // 箭头函数，this 取外层（全局）上下文
};
obj.bar(); // 仍是 window 或 undefined（取决于外层是否严格模式）
作为对象方法调用时，this 指向该对象（隐式绑定）
关键看「点号左边是谁」：即 obj.method() 中的 obj。
- 只认最后一次调用时的「点前对象」，嵌套不影响
- 如果把方法赋值给变量再调用，就丢失绑定 → 回到上一条规则
- 对象字面量中方法简写（
method() {}）和传统写法（method: function() {}）行为一致
const user = {
name: 'Alice',
getName() {
return this.name;
}
};
user.getName(); // 'Alice' → this 指向 user
const fn = user.getName;
fn(); // undefined（非严格）或 TypeError（严格）→ this 不再是 user
使用 call/apply/bind 显式绑定时，this 由第一个参数指定
这三个 API 都允许你「强行指定」this 值，优先级高于隐式绑定。
立即学习“Java免费学习笔记（深入）”；
-
func.call(obj, arg1, arg2)：立即执行，this绑定为obj -
func.apply(obj, [arg1, arg2])：同上，参数传数组 -
func.bind(obj)：返回新函数，this永久绑定为obj（不可被后续 call/apply 覆盖） - 若传入
null或undefined，非严格模式下仍自动转为全局对象；严格模式下就是null/undefined
function greet(greeting) {
return `${greeting}, ${this.name}`;
}
const person = { name: 'Bob' };
greet.call(person, 'Hi'); // 'Hi, Bob'
greet.bind(person)('Hello'); // 'Hello, Bob'
构造函数中 new 调用时，this 指向新创建的实例
当函数用 new 调用时，引擎会自动创建空对象、将其设为 this、执行函数体、最后返回该对象（除非显式返回其他对象）。
- 必须用
function声明（class构造器本质也是函数） - 箭头函数不能用
new，会报TypeError: xxx is not a constructor - 如果构造函数显式返回一个对象，则忽略默认实例；返回原始值则忽略返回值，仍返回实例
function Person(name) {
this.name = name; // this 指向新实例
}
const p = new Person('Charlie');
console.log(p.name); // 'Charlie'
// 错误示例：箭头函数无法作为构造器
const BadPerson = (name) => { this.name = name };
new BadPerson('Dave'); // TypeError
真正难的不是记住规则，而是识别「调用形式」：是 obj.fn()？还是 fn()？有没有 call？有没有 new？有没有箭头函数嵌套？每次不确定时，就回看调用那一行代码的完整写法。
