- A+
所属分类:Web前端
this的查找规则会逐层往上查找,最终位全局window
优先级问题:显式绑定(显式绑定与new绑定没有可比性)new绑定>隐式绑定>默认绑定
在编程中,this 是一个关键字,代表当前对象或者函数的执行环境。this 的指向性问题是指在不同的情况下,this 指向的对象不同,从而影响代码的行为。
在 JavaScript 中,this 的值可以通过四种不同的调用方式来确定其指向性:
-
作为函数调用:当 this 在普通函数中使用时,它将指向全局对象(浏览器中为 window,Node.js 中为 global),默认绑定。但是在严格模式下在独立函数种调用this,那么this所指向的位undefined
独立函数:函数没有绑定到某个对象上进行调用
-
作为方法调用:当一个函数作为对象的一个属性被调用时,this 将会指向该对象也被叫做隐式绑定。
-
使用 call() 或 apply() 调用:这两个方法可以改变函数的作用域(执行环境),并显式地指定函数执行时的 this 绑定对象也被叫做显式绑定。
apply函数在this中的使用方式apply("apply",["zhangsan",11,2]):它能够传递两个参数(第一个参数:绑定this 第二个参数:是一个数组用来传入额外的实参)
call函数在this中的使用方式(call,("call","lisi",12,22)):它可以传递很多参数(第一个参数:绑定this,其余的可以作为参数传递到函数中)
-
作为构造函数调用:在使用 new 关键字实例化一个对象时,this 将会指向新创建的对象使用new绑定。
同时需要注意的是,在箭头函数中,this 的值与所在上下文中的一样,即与函数定义时的this值保持一致。