如何理解JavaScript中的This_它的绑定规则有哪些-js教程-PHP中文网

如何理解JavaScript中的This_它的绑定规则有哪些

夢幻星辰

发布： 2025-12-21 21:39:07

原创

800人浏览过

JavaScript 中的 this 在函数执行时根据调用方式动态决定：默认绑定（非严格模式指向全局，严格模式为 undefined）、隐式绑定（obj.method() 中 this 指向 obj）、显式绑定（call/apply/bind 手动指定）、new 绑定（优先级最高，指向新实例）。

如何理解javascript中的this_它的绑定规则有哪些

JavaScript 中的 this 不是写代码时就确定的，而是在函数**真正执行的那一刻**，根据**调用方式**动态决定的。它不取决于函数定义在哪，也不等于函数自身或外层作用域，只看“谁在调用它”。

当函数以最普通的方式被调用，既没挂对象上、也没用 new、call/apply/bind 时，就触发默认绑定：

函数作为对象的属性被调用，比如 obj.method()，这时 this 自动绑定到该对象：

关键看调用位置是否有“上下文对象”，即紧挨着点号（.）或方括号（[]）的那个对象
例如：const obj = { name: 'Alice', say() { console.log(this.name); } }; obj.say(); → 输出 Alice
注意“隐式丢失”：把方法赋给变量再调用，const fn = obj.say; fn(); 就不再有对象上下文，退回到默认绑定

通过 call、apply、bind 主动传入一个对象作为 this 值：

拍我AI

AI视频生成平台PixVerse的国内版本

353

用 new 调用函数时，会创建一个新对象，并把 this 绑定到这个新实例上：

过程包括：新建空对象 → 原型链链接 → this 绑定 → 执行函数体 → 返回对象（除非显式 return 非空对象）
例如：function Person(name) { this.name = name; } const p = new Person('Bob'); → p.name 是 'Bob'
new 绑定优先级最高，即使函数已用 bind 固定 this，new 仍会覆盖它

以上就是如何理解JavaScript中的This_它的绑定规则有哪些的详细内容，更多请关注php中文网其它相关文章！