JavaScript中this的值在函数调用时确定,遵循四条绑定规则:1.new绑定指向新实例;2.显式绑定由call/apply/bind指定;3.隐式绑定取点号前对象;4.默认绑定在严格模式下为undefined,非严格模式下为全局对象。

JavaScript 中 this 的值不是在函数定义时决定的,而是在函数被调用时才确定的——它取决于“谁调用了这个函数”。理解 this 的核心,就是掌握它的四条绑定规则(按优先级从高到低)。
1. new 绑定:构造函数调用时 this 指向新创建的对象
当函数通过 new 关键字调用时,this 被绑定到新生成的实例对象上。
- 引擎会自动创建一个空对象,并将其作为 this 传入函数
- 函数内部对 this 的属性赋值,会添加到该实例上
- 函数默认返回这个新对象(除非显式 return 一个非 null 对象)
function Person(name) { this.name = name; }
const p = new Person('Alice'); // this 指向 p
2. 显式绑定:call、apply、bind 强制指定 this
使用 call()、apply() 或 bind() 时,第一个参数就是你明确传入的 this 值。
立即学习“Java免费学习笔记(深入)”;
- call 和 apply 立即执行,区别只在于参数传递方式(apply 接数组)
- bind 返回一个新函数,this 被永久绑定,后续调用无法改变
- 箭头函数没有自己的 this,所以 bind 对它无效(它沿用外层作用域的 this)
3. 隐式绑定:方法调用时点号左边的对象成为 this
当函数作为对象的方法被调用(即形如 obj.method()),this 默认绑定到点号前的那个对象。
- 只看调用时的“最近一层”对象,嵌套不影响
- 如果把方法单独提取出来(比如赋值给变量再调用),隐式绑定就丢失,退回到默认绑定
- 常见陷阱:事件回调、定时器、回调函数中容易丢失 this
const obj = { name: 'Bob', say() { console.log(this.name); } };
obj.say(); // 'Bob' —— this 是 obj
const fn = obj.say;
fn(); // undefined(非严格模式下是全局对象)
4. 默认绑定:独立函数调用时的兜底规则
既没用 new,也没用 call/apply/bind,也不是对象方法调用,就进入默认绑定。
- 严格模式下:this 是 undefined
- 非严格模式下:this 指向全局对象(浏览器是 window,Node 是 global)
- 箭头函数不遵循以上四条,它没有 this,而是继承外层普通函数作用域的 this 值
基本上就这些。实际判断时,按 new → 显式 → 隐式 → 默认 的顺序检查即可。记牢“调用位置决定 this”,而不是“定义位置”。










