this指向性问题

  • this指向性问题已关闭评论
  • 220 次浏览
  • A+
所属分类:Web前端
摘要

在编程中,this 是一个关键字,代表当前对象或者函数的执行环境。this 的指向性问题是指在不同的情况下,this 指向的对象不同,从而影响代码的行为。


this的查找规则会逐层往上查找,最终位全局window

优先级问题:显式绑定(显式绑定与new绑定没有可比性)new绑定>隐式绑定>默认绑定

this指向性问题

在编程中,this 是一个关键字,代表当前对象或者函数的执行环境。this 的指向性问题是指在不同的情况下,this 指向的对象不同,从而影响代码的行为。

在 JavaScript 中,this 的值可以通过四种不同的调用方式来确定其指向性:

  1. 作为函数调用:当 this 在普通函数中使用时,它将指向全局对象(浏览器中为 window,Node.js 中为 global),默认绑定但是在严格模式下在独立函数种调用this,那么this所指向的位undefined

    独立函数:函数没有绑定到某个对象上进行调用

  2. 作为方法调用:当一个函数作为对象的一个属性被调用时,this 将会指向该对象也被叫做隐式绑定

  3. 使用 call() 或 apply() 调用:这两个方法可以改变函数的作用域(执行环境),并显式地指定函数执行时的 this 绑定对象也被叫做显式绑定

    apply函数在this中的使用方式apply("apply",["zhangsan",11,2]):它能够传递两个参数(第一个参数:绑定this 第二个参数:是一个数组用来传入额外的实参)
    call函数在this中的使用方式(call,("call","lisi",12,22)):它可以传递很多参数(第一个参数:绑定this,其余的可以作为参数传递到函数中)
  4. 作为构造函数调用:在使用 new 关键字实例化一个对象时,this 将会指向新创建的对象使用new绑定

同时需要注意的是,在箭头函数中,this 的值与所在上下文中的一样,即与函数定义时的this值保持一致。