JS匿名函数内部this指向问题详析
前言
网上看到一句话，匿名函数的执行是具有全局性的，那怎么具有的全局性呢？
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象
1.案例中，第一个say打出来的是Alan，而第二个则是window
varname='window'
varperson={
name:'Alan',
sayOne:function(){
console.log(this.name)
},
sayTwo:function(){
returnfunction(){
console.log(this.name)
}
}
}
person.sayOne()//Alan
person.sayTwo()()//window
2.原因
- 函数内部的this指向调用者
- sayOne调用者是person对象，所以this指向person；
- sayTwo的调用者虽然也是person对象，但是区别在于这次调用并没有打出this而是在全局返回了一个匿名函数
- 而这个匿名函数不是作为某个对象的方法来调用执行，是在全局执行
3.我们也可以更改this指向，这里应用JS高级编程的案例
varname="global";
varfoo={
name:"foo",
getName:function(){
console.log(this.name);
}
}
varbar={
name:"bar",
getName:function(){
return(function(){
console.log(this.name);
})();
}
}
foo.getName();//foo
foo.getName.call(bar);//bar
foo.getName.call(this);//global
foo.getName.call(window);//global
(function(){
console.log(this.name)
}.bind(bar))();//bar
(function(){
console.log(this.name)
}.bind())();//global
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对毛票票的支持。
热门推荐
10 香港老妈结婚祝福语简短
11 毕业立体贺卡祝福语简短
12 简短新年年会祝福语
13 评论小品祝福语大全简短
14 恭喜师兄结婚祝福语简短
15 员工集体辞职祝福语简短
16 高中新生祝福语 简短
17 装修祝福语男生搞笑简短
18 生日开业蛋糕祝福语简短