Vue--记录各种this的指向

Posted 2023-04-18

参考技术A Vue组件中的this，一般都是指向此组件对象

普通方式定义的函数中的this，谁调用它就指向谁
参考： https://wanghan0.github.io/2017/05/07/closure3/

匿名函数中的this，指向window

箭头函数中的this会向外层作用域中一层层寻找，直到找到有this的定义
如在组件中用axios请求数据
axios(config,params).then(res=>this.data=res)
此箭头函数中的this向外找，axios.then的this是组件对象，所以箭头函数中的this指向组件对象。

个人搜索总结，上述如有错误，烦请指正，谢谢。

vue学习notes

**构造函数内部原理**内部隐式运行

1. 在函数体最前面隐式的加上 var this = {}

1. 执行this.xxx = xxx;

1. 隐式的返回this

**this**一般指向

1. 函数预编译过程 this --> window

1. 全局作用域 this --> window

1. call/apply可以改变函数运行时this指向

1. obj.func(); func()里面的this指向obj