普通函数直接调用时，非严格模式下this指向全局对象，严格模式下为undefined；箭头函数不绑定this，继承外层作用域；call/apply/bind可手动绑定this，其中bind返回永久绑定新函数；对象方法调用时this指向该对象，但赋值后调用会丢失；new调用时this指向新实例，箭头函数不可作为构造函数。
普通函数调用时的 this 指向全局对象或 undefined
在非严格模式下，直接调用函数（如 foo()），this 指向全局对象（浏览器中是 window，Node.js 中是 global）；严格模式下则为 undefined。这是最容易误判的场景——你以为它指向调用者，其实它根本没绑定。
- 严格模式必须显式声明：
"use strict"，否则默认非严格 - 箭头函数不绑定
this，它继承外层作用域的this，和普通函数行为完全不同 - 模块顶层的函数（ESM）默认处于严格模式，所以
this是undefined，不是window
call、apply 和 bind 如何强制指定 this
这三个方法本质都是手动绑定 this，区别只在参数传递方式和执行时机：
-
func.call(obj, arg1, arg2)：立即执行，参数逐个传 -
func.apply(obj, [arg1, arg2])：立即执行，参数以数组形式传 -
const bound = func.bind(obj, arg1)：返回新函数，this永久绑定为obj，后续调用无法覆盖 - 注意：
bind绑定后再次call或apply也无法改变已绑定的this（除非用new）
对象方法中的 this 指向调用该方法的对象
当函数作为对象属性被调用（obj.method()），this 指向 obj。但这个绑定非常脆弱，一旦脱离对象上下文就会失效：
php中级教程之ajax技术
下载
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言，而是一种使用现有标准的新方法，最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容，不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速
const obj = {
name: 'Alice',
say() {
console.log(this.name);
}
};
obj.say(); // 'Alice' ✅
const fn = obj.say;
fn(); // undefined ❌（非严格模式下是 window.name，通常也是 undefined）
- 常见陷阱：把方法传给事件监听器或回调（如
button.addEventListener('click', obj.handleClick)），this会丢失 - 修复方式：用箭头函数包装、
bind、或在 class 中用字段语法定义方法（handleClick = () => { ... }） - 类方法默认不自动绑定
this，Babel/TS 的类字段语法是语法糖，本质仍是bind或闭包
构造函数与 new 调用时的 this 指向新实例
用 new 调用函数时，JavaScript 引擎会创建空对象，将其设为 this，并隐式返回该对象（除非显式返回其他对象）：
立即学习“Java免费学习笔记（深入）”；
function Person(name) {
this.name = name; // this 指向新创建的实例
}
const p = new Person('Bob');
console.log(p.name); // 'Bob'
- 如果构造函数显式返回一个对象，
this创建的实例会被丢弃；返回原始值（string/number/等）则忽略，仍返回实例 - 箭头函数不能用作构造函数，调用
new会报错：TypeError: xxx is not a constructor - ES6
class构造器内部也遵循相同规则，但禁止不使用new调用（会直接报错）
this 的值完全取决于**函数如何被调用**，而不是函数如何被定义或写在哪里。哪怕同一个函数，在不同调用位置，this 都可能指向完全不同对象。 
