this 是 JavaScript 中动态绑定的执行上下文对象，其值取决于函数调用方式而非定义方式；默认绑定指向全局对象或 undefined，隐式绑定指向调用它的对象，显式绑定通过 call/apply/bind 指定，new 绑定指向新实例，箭头函数则词法继承外层 this。
this 是 JavaScript 中一个容易混淆但非常关键的概念。它不是指向函数本身，也不是固定指向某个对象，而是**在函数被调用时才确定的、动态绑定的执行上下文对象**。它的值完全取决于函数「怎么被调用」，而不是「怎么被定义」。
默认绑定：独立调用时的 this
当函数以普通方式调用（即不带任何对象前缀），非严格模式下 this 指向全局对象（浏览器中是 window）；严格模式下为 undefined。
function foo() { console.log(this); }
→ foo(); 输出 window（非严格）或 undefined（严格）
隐式绑定：通过对象调用时的 this
当函数作为对象的方法被调用（即有「点号调用」），this 指向该直接调用它的对象。
const obj = { name: 'Alice', say() { console.log(this.name); } };
→ obj.say(); 输出 'Alice' ⚠️ 注意：隐式绑定会丢失——把方法赋给变量再调用，就退化为默认绑定：const fn = obj.say; fn(); → this 不再是 obj
显式绑定：call、apply、bind 强制指定 this
这三个方法允许你手动传入一个对象作为函数运行时的 this 值。
立即学习“Java免费学习笔记（深入）”；
foo.call(obj, arg1, arg2) —— 立即执行，this 绑定到 obj foo.apply(obj, [arg1, arg2]) —— 同上，参数以数组传入 const bound = foo.bind(obj); bound(); —— 返回新函数，this 永久绑定到 obj
new 绑定：构造函数调用时的 this
使用 new 调用函数时，JavaScript 会自动创建一个新对象，并将 this 绑定到这个新实例上。
function Person(name) { this.name = name; }
→ const p = new Person('Bob'); 中，this 就是新生成的 p new 绑定优先级高于隐式和显式绑定（但低于箭头函数的词法绑定）
另外补充一点：箭头函数没有自己的 this，它会沿作用域链向上查找外层函数的 this 值，也就是「词法绑定」——这使它不会受上述四种规则影响，也常用来解决回调中 this 丢失问题。
基本上就这些。理解 this 的核心就是记住：它不是写死的，而是在调用那一瞬间，由调用方式决定的。
以上就是JavaScript中的this关键字是什么_它的绑定规则如何变化呢的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543138.html
微信扫一扫 
支付宝扫一扫 
