JavaScript this关键字如何确定_它的绑定规则是什么？-js教程-PHP中文网

JavaScript this关键字如何确定_它的绑定规则是什么？

夜晨

发布： 2025-12-18 23:00:48

原创

591人浏览过

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

javascript this关键字如何确定_它的绑定规则是什么？

JavaScript 中 this 的值不是在函数定义时决定的，而是在函数被调用时才确定的——它取决于“谁调用了这个函数”。理解 this 的核心，就是掌握它的四条绑定规则（按优先级从高到低）。

1. new 绑定：构造函数调用时 this 指向新创建的对象

当函数通过 new 关键字调用时，this 被绑定到新生成的实例对象上。

引擎会自动创建一个空对象，并将其作为 this 传入函数
函数内部对 this 的属性赋值，会添加到该实例上
函数默认返回这个新对象（除非显式 return 一个非 null 对象）

例如：

function Person(name) { this.name = name; }<br>const p = new Person('Alice'); // this 指向 p

登录后复制

2. 显式绑定：call、apply、bind 强制指定 this

使用 call()、apply() 或 bind() 时，第一个参数就是你明确传入的 this 值。

立即学习“Java免费学习笔记（深入）”；

芝士饼

芝士饼是一个一站式AI原生应用开发平台，简单几步即可完成应用的创建与发布。

查看详情

call 和 apply 立即执行，区别只在于参数传递方式（apply 接数组）
bind 返回一个新函数，this 被永久绑定，后续调用无法改变
箭头函数没有自己的 this，所以 bind 对它无效（它沿用外层作用域的 this）

3. 隐式绑定：方法调用时点号左边的对象成为 this

当函数作为对象的方法被调用（即形如 obj.method()），this 默认绑定到点号前的那个对象。

只看调用时的“最近一层”对象，嵌套不影响
如果把方法单独提取出来（比如赋值给变量再调用），隐式绑定就丢失，退回到默认绑定
常见陷阱：事件回调、定时器、回调函数中容易丢失 this

例如：

const obj = { name: 'Bob', say() { console.log(this.name); } };<br>obj.say(); // 'Bob' —— this 是 obj<br>const fn = obj.say;<br>fn(); // undefined（非严格模式下是全局对象）

登录后复制

4. 默认绑定：独立函数调用时的兜底规则

既没用 new，也没用 call/apply/bind，也不是对象方法调用，就进入默认绑定。

严格模式下：this 是 undefined
非严格模式下：this 指向全局对象（浏览器是 window，Node 是 global）
箭头函数不遵循以上四条，它没有 this，而是继承外层普通函数作用域的 this 值

基本上就这些。实际判断时，按 new → 显式 → 隐式 → 默认的顺序检查即可。记牢“调用位置决定 this”，而不是“定义位置”。

以上就是JavaScript this关键字如何确定_它的绑定规则是什么？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

javascript如何转换类数组_有哪些常见场景 javascript怎样操作浏览器通知？_javascript的Notification API如何请求权限？ JavaScript async/await是什么_如何简化异步代码？ javascript默认参数是什么_如何为函数参数设置默认值？ Javascript的Web Workers是什么_如何实现多线程？