在Vue中普通函数与箭头函数的使用的this指向问题

481 阅读1分钟

this 指向问题

箭头函数的this指向

箭头函数的this指向上层函数作用域的this对象,如果没有上层函数作用域,则指向顶部this(在浏览器中顶部this则是window)

普通函数的this指向

普通函数的this指向该函数的调用者

  • tips: 所以在vue中,普通函数指向vm示例或组件实例对象,而箭头函数指向window

  • 被vue所管理的最好写成普通函数 (this 获取到vm实例或者其调用者)

  • 不被vue所管理的,最好写成箭头函数(定时器函数,ajax的回调函数等(this指向上层函数作用域,或者windown))