箭头函数中this的指向疑惑
在箭头函数中，this的指向一直是一个比较容易混淆的问题。以下示例代码意在说明箭头函数中this的指向问题：
function foo() { const test = () => { console.log(this) } test()}foo()let obj = { a: 1,}obj.foo = fooobj.foo()
登录后复制
按理来说，此代码应当打印两次window，但意外的是，它打印了一次window和一次obj。
这种现象可以归因于箭头函数的特性。在箭头函数中，this并不存在。当箭头函数内部访问this时，它实际上是在访问一个变量。在这个示例中，test内部没有this，因此它会向上层作用域查找this。
单独运行foo时，foo的this指向window，因此test打印window。而当通过obj.foo调用foo时，foo的this指向obj，因此test打印obj。
以上就是箭头函数中this指向的困惑：为什么有时指向window，有时指向调用它的对象？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2650524.html
