JavaScript中this指向详解

this到底是什么?
  1. this实际上是在函数调用时发生的绑定,它指向什么完全取决于函数在哪里被调用(起决于函数的调用位置)
  2. 当一个函数被调用时,会创建一个活动记录(有时候也称为执行上下文)。这个记录会包含函数在哪里被调用(调用栈)、函数的调用方式、传入的参数等信息。this就是这个记录的一个属性,会在函数执行的过程中用到。

this的确定:
  1. 情况1,如果一个函数中有 this,但是它没有被上一级的对象所调用,那么this的指向就是window,这里需要说明的是在js严格版本中this的指向不是window
  2. 情况2,如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象
  3. 情况3,如果一个函数中有this,这个函数中包含多个对象,尽管这个函数是被最外层的对象调用,this指向的也只是它上一级的对象

改变this的指向:

  1. call()第二个参数为元素,如果第一个参数写的是null,那么this的指向是window对象
  2. apply()第二个参数为数组,如果第一个参数写的是null,那么this的指向是window对象
  3. bind(),该方法返回的是一个修改过后的函数,bind也可以有多个参数,并且参数可以执行的时候再次添加,但是要注意的是,参数是按照形参的顺序进行的
  4. new操作符会改变函数this的指向问题

使用new来调用函数,或者说发生构造函数调用时,会自动执行下面操作:

(1) 创建(或者说构造)一个全新的对象
(2)这个新对象会被执行[Prototype]连接
(3)这个新对象会绑定到函数调用的this
(4)如果函数没有返回其它对象,那么new表达式中的函数会自动返回这个新对象


一些判断规则:

1. 由new调用?绑定到新创建的对象
2. 由call或者apply(或者bind)调用?绑定到指定的对象
3. 由上下文调用?绑定到那个上下文对象
4. 默认:在严格模式下绑定到undefined,否则绑定到全局对象
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值