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

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; }
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”,而不是“定义位置”。

以上就是JavaScript this关键字如何确定_它的绑定规则是什么?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1543805.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 15:21:34
下一篇 2025年12月21日 15:21:45

相关推荐

发表回复

登录后才能评论
关注微信