关于this指向问题(箭头函数没有this指向)

1.全局环境下,指向windows

console.log(this.document === document); // true

2.函数上下文调用

function f1(){
return this;
}
f1() === window; // true

3.对象中的this

对象内部方法的this指向调用这些方法的对
象,函数的定义位置不影响其this指向,

  1. this指向只和调用函数的对象有关。

  2. 多层嵌套的对象,内部方法的this指向离被调用

函数最近的对象(window也是对象,其内部对象调

用方法的this指向内部对象, 而非window)。
4.构造函数中this
构造函数中的this与被创建的新对象绑定。

5.DOM事件处理函数

(1)当函数被当做监听事件处理函数时, 其 this 指向触发该事件的元素 (针对于addEventListener事件)
(2)代码被内联处理函数调用时,它的this指向监听器所在的DOM元素,当代码被包括在函数内部执行时,其this指向等同于 函数直接调用的情况

6.setTimeout & setInterval

对于延时函数内部的回调函数的this指向全局对象window

7.箭头函数中的 this

(1)由于箭头函数不绑定this, 它会捕获其所在(即定义的位置)上下文的this值, 作为自己的this值,
function Person() {
this.age = 0;
setInterval(() => {
this.age++;
}, 3000);
}
Var p = new Person();
(2)方法的箭头函数this指向全局window对象,而普通函数则指向调用它的对象,箭头函数没有this

var obj = {
I: 10,

b: () => console.log(this.i, this),

c: function() {

console.log( this.i, this)

}

}

obj.b(); // undefined window{…}

obj.c(); // 10 Object {…}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值