博客

首先明确一点，箭头函数的this指向是根据上下文作用域确定的

Vue框架中，容易搞错的一点就是认为对象也有作用域

了解作用域与作用域链这个问题就迎刃而解了

假设Vue管理的函数是箭头函数时：

此时this是windows，Vue中data与methods不同，methods是一个对象，data是一个函数，data有自己的作用域，所以当this是windows的时候访问不到data里面的属性。

但是当Vue管理的函数时普通函数的时候：

此时的this指向它的直接调用者(js的this是执行上下文) ——— 谁调用this指向谁

若没找到直接调用者,则this指的是 windows或者 undefined

补充下把作用域和作用域链的内容趴：

作用域：一段程序代码中所用到的名字不总是有效和可用的，而限定变量名的可用性的代码范围就是变量名的作用域。

全局作用域：

• 直接编写在 script 标签之中的JS代码

• 一个单独的 JS 文件

        全局作用域在页面打开时创建，页面关闭时销毁；全局作用域中方法和属性都作为windows上的属性和方法去使用。

局部作用域：（函数作用域）

        调用函数时创建函数作用域，函数执行完毕之后，函数作用域销毁；每调用一次函数就会创建一个新的函数作用域，它们之间是相互独立的。