javascript - 关于this的指向性问题
问题描述
var foo = 'window';var obj = { foo : 'obj', getFoo : function(){return function(){ return this.foo;}; }};var f = obj.getFoo();console.log(f()); //结果:window
为什么上述代码的运行结果是window呢?
问题解答
回答1:obj.getFoo() 返回一个方程,赋值给了 f 。f 通过 f() 被调用,没有明确的调用者,所以 this 就是 window 。
想要的到 'obj' ,可以这样做
var foo = 'window';var obj = { foo : 'obj', getFoo : function(){var self = this;return function(){ return self.foo;}; }};var f = obj.getFoo();console.log(f());回答2:
因为,在f()实际运行的地方,this是window,由于没有通过call或者bind改变上下文,所以输出的就是window。
可以按照如下替换方法:
console.log(f());// ----->console.log(obj.getFoo());// ----->console.log(function() { var self = this; return function() {return self.foo }});
这里的self就是指向window了,所以return self.foo就是return window.foo,也就是’window’。
回答3:其实最简单的理解就是obj.getFoo给了f,然后再看这方法运行的位置在哪.
f = function () { return function () {return this.foo }}回答4:
console.log(f())中f()是独立被调用的 1.如果调用者函数,被某一个对象所拥有,那么该函数在调用时,内部的this指向该对象。2.如果函数独立调用,那么该函数内部的this,则指向undefined。推荐阅读 http://www.jianshu.com/p/d647... 希望对你有所帮助
回答5:函数执行,函数体内的this指向函数的调用方
1、下面这段代码,getFoo函数的调用方是obj,所以getFoo函数内部的this指向obj对象
var f = obj.getFoo()
2、getFoo函数返回了一个匿名函数赋给变量f,再执行函数f,此时变量f是挂载到window上的,函数f的调用方是window,函数f内部的this也指向window
console.log(f()); //结果:window
相关文章:
1. mysql - 在不允许改动数据表的情况下,如何优化以varchar格式存储的时间的比较?2. css - chrome下a标签嵌套img 显示会多个小箭头?3. javascript - 网页打印页另存为pdf的代码一个问题4. vim - docker中新的ubuntu12.04镜像,运行vi提示,找不到命名.5. java中返回一个对象,和输出对像的值,意义在哪儿6. css3 - 纯css实现点击特效7. docker网络端口映射,没有方便点的操作方法么?8. mysql 为什么主键 id 和 pid 都市索引, id > 10 走索引 time > 10 不走索引?9. javascript - Img.complete和img.onload判断图片加载完成有什么区别?10. javascript - 有适合开发手机端Html5网页小游戏的前端框架吗?
