this 指向函数调用时的执行上下文对象，取决于调用方式而非定义位置；全局非严格模式下指向 window 或 global，严格模式及 ESM 中为 undefined；普通调用时非严格模式指向全局对象、严格模式为 undefined；方法调用时指向点号左侧对象；箭头函数无 this，继承外层词法作用域的 this；call/apply/bind 可显式绑定 this；构造函数中 this 指向新实例。
this 指向的是函数被调用时的执行上下文对象，不是定义时的环境。它不取决于函数怎么写，而取决于函数怎么被调用。
全局环境中 this 指向 window（浏览器）或 global（Node.js）
在最外层非严格模式下，this 默认指向全局对象。浏览器中是 window，Node.js 中是 global。严格模式下则为 undefined。
普通脚本顶层：this === window（非严格） 模块顶层（ESM）：this 是 undefined（ESM 默认严格模式）
普通函数调用时 this 指向调用者（或 undefined）
直接调用函数（如 fn()），不带任何对象前缀，此时 this 的绑定取决于是否启用严格模式：
非严格模式：指向全局对象（window） 严格模式：指向 undefined
例如：function foo() { console.log(this); } foo(); —— 浏览器中输出 window（非严格）。
立即学习“Java免费学习笔记（深入）”；
方法调用时 this 指向点号左边的对象
当函数作为对象的属性被调用（obj.method()），this 指向该对象（即“点前面的那个”）。
const obj = { name: 'Alice', say() { console.log(this.name); } }; obj.say(); → 输出 Alice 如果把方法单独提取出来再调用：const fn = obj.say; fn();，就变成普通调用，this 不再是 obj
箭头函数没有自己的 this，继承外层作用域的 this
箭头函数不绑定 this，它会沿作用域链向上查找，使用定义时所在词法环境中的 this 值。
常用于解决回调中 this 丢失问题，比如事件监听、定时器、Promise 回调 const obj = { val: 42, run() { setTimeout(() => console.log(this.val), 100); } }; → 正确输出 42（因为箭头函数捕获了外层 this）
显式绑定：call、apply、bind 可强制指定 this
这三个方法允许你手动传入一个对象作为函数运行时的 this 值。
fn.call(obj, arg1, arg2)：立即执行，参数逐个传 fn.apply(obj, [arg1, arg2])：立即执行，参数以数组形式传 const boundFn = fn.bind(obj);：返回新函数，this 被永久绑定为 obj，后续调用不可更改
构造函数中 this 指向新创建的实例
使用 new 调用函数时，JavaScript 引擎会自动创建空对象，并将 this 绑定到该对象上，最后隐式返回它（除非显式返回其他对象）。
function Person(name) { this.name = name; } const p = new Person('Bob'); → this 在函数体内指向 p 箭头函数不能用作构造函数，调用 new 会报错
基本上就这些。掌握关键在于记住：this 是动态的，看调用方式；箭头函数是例外，它不参与 this 绑定规则。
以上就是JavaScript中的this关键字指向什么_不同场景下它的行为有何不同？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1541702.html
微信扫一扫 
支付宝扫一扫 
