js基础-题目44

整理下之前做的有点疑惑的js基础题目和大家分享以下,如果大家觉得有用,别忘了点一下赞哦

this指向

var a = 2
var obj = {
    
    
  a:3,
  fn:function(){
    
    
    const a = ()=>{
    
    
      console.log(this.a)
    }
    const b = function(){
    
    
      console.log(this.a)
    }
    a()//flag1
    b()//flag2
  }
}
obj.fn()// 3 2

这题的主要问题是
这题有点绕,还有flag2处为什么打印2?
首先我们的知道
function的this指向

  • 方法里的this指向 上一层对象
  • 函数中this,谁调用就指向谁,没人调用指向window
  • 箭头函数的this指向上一层函数作用域的this
    flag1处:为箭头函数指向,指向上一层函数 fn 的函数作用域的 this,而 fn 是一个方法(对象的属性是函数),指向 obj,所以打印 3 。
    flag2处:为普通函数,没人调用它,所以指向 window ,打印 2 。

猜你喜欢

转载自blog.csdn.net/hr_beginner/article/details/121234129
今日推荐