JavaScript中this的指向取决于函数被调用时的上下文：裸调用时指向全局对象或undefined，对象方法调用时指向该对象，new调用时指向新实例，call/apply/bind可显式绑定，箭头函数则继承外层this。
JavaScript 中 this 的指向不取决于函数定义的位置，而取决于函数**被调用时的上下文**。简单说：谁调用它，this 就指向谁（箭头函数除外）。
普通函数调用时：this 指向全局对象（非严格模式）或 undefined（严格模式）
直接写 func() 调用，没有点号、没有绑定、没有 new，就是“裸调用”。
非严格模式下：this 指向 window（浏览器）或 global（Node.js） 严格模式下：this 是 undefined
例如：
"use strict";function foo() { console.log(this); }foo(); // undefined
对象方法调用时：this 指向调用该方法的对象
当函数作为对象的属性被点号（.）或方括号（[]）调用时，this 指向那个对象。
立即学习“Java免费学习笔记（深入）”；
obj.method() → this 是 obj obj['method']() → 同样是 obj 注意：一旦把方法赋值给变量再调用，就丢失了对象绑定（变成裸调用）
例如：
const obj = { name: 'Alice', say() { console.log(this.name); }};obj.say(); // "Alice"const fn = obj.say;fn(); // undefined（严格模式），因为 this 不再是 obj
构造函数调用（new）时：this 指向新创建的实例
用 new 调用函数时，JS 引擎会自动创建空对象，并把 this 绑定到它身上，最后返回该对象。
new Foo() → this 是新生成的 Foo 实例 函数内部对 this 的赋值会添加到实例上
例如：
function Person(name) { this.name = name; // this 指向新实例}const p = new Person('Bob');console.log(p.name); // "Bob"
显式绑定与箭头函数：call/apply/bind 和箭头函数不绑定 this
call、apply、bind 可以手动指定 this 值；而箭头函数没有自己的 this，它会沿作用域链向上找外层普通函数的 this。
func.call(obj, ...) → this 强制为 obj const bound = func.bind(obj) → 返回的新函数永远以 obj 为 this 箭头函数的 this 在定义时就确定，无法被 call/bind 改变
例如：
const obj = { val: 42 };function logThis() { console.log(this.val); }logThis.call(obj); // 42const arrow = () => console.log(this.val);// 箭头函数 this 取决于外层作用域（比如全局）
基本上就这些。抓住“调用方式决定 this”这个核心，再结合是否是箭头函数，就能准确判断绝大多数情况。
以上就是javascript this关键字指向谁_在不同上下文中如何确定？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1544590.html
微信扫一扫 
支付宝扫一扫 
