整理下之前做的有点疑惑的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 。