您的位置:首页 > Web前端 > JavaScript

一个js闭包问题的解答

2015-03-24 12:48 204 查看
详解js闭包这篇文章中,最后留了一个问题,代码在下:

<script type="text/javascript">
    var name = "trigkit4";   
      var segmentFault = {  
        name : "My SF",  
        getNameFunc : function(){  
          return function(){  
            return this.name;  
         };   
        }   
    };  
    alert(segmentFault.getNameFunc()());  //弹出trigkit4
</script>


可能第一次看到这个问题,以为是弹出My SF,可偏偏就不是,这是为什么呢?我们解析一下这个代码。

segmentFault是一个对象,定义了一个name属性和getNameFunc()方法,但要注意的是,segmentFault.getNameFunc()返回的是一个函数引用,所以最后一句代码可以分解为:

var test = segmentFault.getNameFunc();

alert(test());   //结果一样


test是一个函数的引用,那么它的函数体就是getNameFunc()返回的内容

function test()
{
return this.name;
}


这样就很清晰了,此时,test()的作用域不再是segmentFault对象了,而是全局作用域,其this指的就是window,可以验证

alert("test" in window);   //弹出true


所以this.name==window.name,在全局域中,name的值是trigkit4,so,最终弹出的就是trigkit4。

原文:http://www.ido321.com/1461.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: