js中的this如何使用

JavaScript08

js中的this如何使用,第1张

在一般函数方法中使用 this 指代全局对象

2.作为对象方法调用,this 指代上级对象

3.作为构造函数调用,this 指代new 出的对象

4.apply 调用 ,apply方法作用是改变函数的调用对象,此方法的第一个参数为改变后调用这个函数的对象,this指代第一个参数

一个基本概念:普通函数的 this 指向不是在定义的时候确定,而是在调用的时候确定。

两个注意事项:

接下来从一般形式函数调用、方法调用、apply 和 call 调用、箭头函数、class 等理清指向问题。

所谓一般形式函数调用就是 函数名() ,this 指向全局对象。

一个函数被设置为对象(非全局对象)的属性值时,就是方法调用,this 指向对象自身。

箭头函数没有自己的 this,看其 定义时 外层是否有函数,如果有,外层函数的 this 就是内部箭头函数的 this,如果没有,则 this 指向 Window。

一般来说,在 vue 生命周期函数或自定义方法中 this 指向的是 vue 实例,但是要注意下面的3种情况。

以上理解如果有不对之处请指出。