前端面试题-看代码说输出this（一）

理论知识补充

作用域分为全局作用域，函数作用域，块级作用域
this永远指向的是调用它的，而非定义它的。

• 普通函数中调用，
• this指向window 对象方法中调用，
• this指向当前对象
• call apply bind中调用，
• this指向被传入的对象 class中的方法中调用， this指向实例对象
• 箭头函数，this就是作用域中的this，
• 匿名函数的this指向的是window，
  这俩的this是不能改变的。

实例1–箭头函数

var a = 10
var obj = {
  a: 20,
  say: () => {
    console.log(this.a)
  }
}
obj.say() 

var anotherObj = { a: 30 } 
obj.say.apply(anotherObj) 

输出结果

10 10

解释：
箭头函数是没有 this的，这里的this指向的是调用say的window，所以输出的是10，apply改变this指向并不会成功，因为箭头函数没有this，所以依然输出10，如果是普通函数，则有很大的不同

实例2–普通函数

var a = 5
var obj = {
  a: 10,
  say: function(){
    console.log(this.a)
  }
}
obj.say() 

var anotherObj = { a: 15 } 
obj.say.apply(anotherObj) 

输出结果

10 15