axios回调函数中的this为何是undifine?

发布于 2022-09-11 16:14:24 字数 293 浏览 11 评论 0

this.$axios.get("./data.json").then(function(result){
      console.log(this) //undefine
    })

关于axios回调函数this指向的问题,网上的大部分文章只是推荐用箭头函数取代普通函数解决,但是却没有解释为什么this会指向undefine,在我的理解里应该是指向window,因为这个匿名回调函数的调用者必然是window对象,但是结果却是undefined,感觉我好不容易建立起的对this指向的认识又崩溃了。。。-。-

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

别再吹冷风 2022-09-18 16:14:24
this.$axios.get("./data.json").then(result => {
      console.log(this) //undefine
    })

这样写,在axios的回调里,this不指向vue了,用箭头函数 () => {}

时间你老了 2022-09-18 16:14:24
  1. 自执行函数内部的this指向window
  2. 函数执行的时候,看函数前面有咩有".",有的话,this就是"."前面的实例
  3. 标签绑定事件的时候,this指向当前标签元素
  4. 构造函数里的this指向调用的实例

综上所述:
我觉得你这个this应该是指向window的,为何是undefined,跪等大牛

初熏 2022-09-18 16:14:24

应该是代码是严格模式的 'use strict' 的吧。。。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文