理论知识补充
作用域分为全局作用域,函数作用域,块级作用域
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