this 的值由函数调用方式决定：普通调用时非严格模式指向全局对象、严格模式为 undefined；对象方法调用时指向该对象；new 调用时指向新实例；call/apply/bind 可显式绑定；箭头函数继承外层 this。
this 是 JavaScript 中一个动态绑定的引用，它指向当前执行上下文（context）中的对象。它的值不是由函数定义时决定的，而是由函数**如何被调用**决定的——也就是说，谁调用的函数，this 就指向谁（通常）。理解 this 的关键在于掌握调用方式，而不是看函数写在哪。
普通函数调用时的 this
在非严格模式下，直接调用函数（如 fn()），this 指向全局对象（浏览器中是 window，Node.js 中是 global）；严格模式下，this 是 undefined。
避免意外绑定全局对象，建议始终开启严格模式（”use strict”） 这种调用最易出错，尤其在回调、定时器或事件处理中被“孤立”调用时
对象方法调用时的 this
当函数作为对象的属性被调用（如 obj.method()），this 指向该对象（obj）。
只看调用点左侧的直接对象，不关心函数定义位置或是否嵌套 如果把方法赋值给变量再调用（const f = obj.method; f();），就退化为普通调用，this 不再是 obj
构造函数与 class 中的 this
使用 new 调用函数时，this 指向新创建的实例对象；在 class 的方法中，this 默认也指向当前实例（但需注意箭头函数例外）。
立即学习“Java免费学习笔记（深入）”；
构造函数内部的 this 是由 new 操作符自动绑定的，不能被外部改变 class 内部定义的普通方法，本质仍是对象方法，遵循“谁调用，this 指向谁”规则
显式绑定与箭头函数的特殊性
可以用 call、apply、bind 显式指定 this 值；而箭头函数没有自己的 this，它会沿作用域链向上查找外层非箭头函数的 this 值。
箭头函数的 this 是定义时确定的，跟调用方式完全无关 适合用在回调中避免 this 丢失（比如事件监听、setTimeout 内部） 不能用作构造函数，也不能用 call/apply/bind 改变其 this
基本上就这些。判断 this，盯住函数调用的那一行：有没有点（.）？左边是谁？是不是 new？是不是箭头函数？是不是用了 call/apply/bind？答案就藏在调用形式里。
以上就是javascript中的this关键字是什么_如何确定它的值？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543865.html
微信扫一扫 
支付宝扫一扫 
