JS匿名函数内部this指向问题详析
2019-05-10 18:05
3475 查看
前言
网上看到一句话,匿名函数的执行是具有全局性的,那怎么具有的全局性呢?
this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象
1.案例中,第一个say打出来的是Alan,而第二个则是window
var name = 'window' var person = { name :'Alan', sayOne:function () { console.log(this.name) }, sayTwo:function () { return function () { console.log(this.name) } } } person.sayOne()//Alan person.sayTwo()() // window
2.原因
- 函数内部的this指向调用者
- sayOne调用者是person对象,所以this指向person;
- sayTwo的调用者虽然也是person对象,但是区别在于这次调用并没有打出this而是在全局返回了一个匿名函数
- 而这个匿名函数不是作为某个对象的方法来调用执行,是在全局执行
3.我们也可以更改this指向,这里应用JS高级编程的案例
var name = "global"; var foo = { name: "foo", getName : function(){ console.log(this.name); } } var bar = { 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
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。
您可能感兴趣的文章:
相关文章推荐
- js基础梳理-关于this常见指向问题的分析
- js绑定事件this指向发生改变的问题解决方法
- js中函数this指向问题
- JS箭头语法以及箭头函数this指向问题
- js 在函数中遇到的this指向问题
- js 深入理解this指向问题
- js中this指向问题
- js行内绑定onclick = fn(),this指向问题
- Js中的this指向问题(2)
- js中的this指向问题
- 关于JS中for循环时,作用域问题和this指针指向的总结
- JS中的this指向问题
- 彻底理解JS中This指向问题
- js中this的指向问题
- 如何理解JS中的this指向问题
- js中this指向问题
- js addEventListener和attachEvent函数中的this的指向问题及解决方法
- js中this指向问题: (object.getName = object.getName)()为何返回“window”
- JS中this的指向问题(全)
- js事件处理程序的运行环境(改变attachEvent内部的this指向&封装兼容性的 addEvent方法)