JavaScript中this指向由调用方式决定：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无this，继承外层词法作用域的this。
JavaScript 中的 this 指向不是定义时决定的，而是**调用时确定的**。它取决于函数以什么方式被调用，而不是函数写在哪、怎么声明的。
普通函数调用（非严格模式 vs 严格模式）
直接调用函数，比如 foo()，此时 this 的值由是否开启严格模式决定：
非严格模式下，this 指向全局对象（浏览器中是 window，Node.js 中是 global） 严格模式下，this 是 undefined
作为对象方法调用
当函数作为对象的属性被调用，例如 obj.method()，this 指向该对象（即点号左边的对象）：
const obj = { name: 'Alice', say() { console.log(this.name); } }; obj.say(); // 'Alice' 注意：如果把方法单独提取出来再调用，比如 const fn = obj.say; fn();，就变成普通调用了，this 不再指向 obj
使用 call / apply / bind 显式绑定
这三个方法可以手动指定 this 的值：
立即学习“Java免费学习笔记（深入）”；
fn.call(obj, arg1, arg2) —— 立即执行，this 绑定为 obj fn.apply(obj, [arg1, arg2]) —— 同上，参数以数组形式传入 const boundFn = fn.bind(obj) —— 返回一个新函数，永久绑定 this 为 obj
箭头函数没有自己的 this
箭头函数不绑定 this，它会沿作用域链向上查找外层普通函数的 this 值（词法绑定）：
在对象方法中写箭头函数，this 不是对象本身，而是外层上下文的 this 常用于避免 setTimeout 或事件回调中 this 丢失的问题
基本上就这些。掌握调用方式，就能推断出 this 指向谁。不复杂但容易忽略细节。
以上就是如何理解this关键字_javascript中它的指向如何确定？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1544186.html
微信扫一扫 
支付宝扫一扫 
