| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 444 人关注过本帖
标题:请高手帮忙解答关于闭包的一个程序,钻到牛角尖里了
只看楼主 加入收藏
zxcv1
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2011-2-17
结帖率:0
收藏
已结贴  问题点数:20 回复次数:3 
请高手帮忙解答关于闭包的一个程序,钻到牛角尖里了
下面是一个关于闭包和变量的代码,其中有几个问题不太明白,请高手指点迷津,谢谢!
function createFunctions(){
    var result = new Array();
    for (var i = 0; i < 10; i++) {
        result[i] = function(){
            return i;
        };
    }
    return result;
}

var funcs = createFunctions();
//每个函数都输出10
for (var i = 0; i < funcs.length; i++) {
    document.write(funcs[i]()+"<br />");//注意这里的括号
}

我疑惑的是下面这段代码
result[i] = function(){
            return i;
        };
它是一个内部匿名函数,我想不明白的是在for循环里当每循环一次,下面的这个函数表达式的右边的函数不运行吗?,为什么呢?
这个闭包的作用域链里不是包含外层的函数createFunctions的活动对象吗,那么匿名函数里面的return i;不是能顺着作用域链查询到外层的i吗?
如果不是这样的话,那么这个函数的作用域链是什么样的呢?
当程序运行到var funcs = createFunctions();时我打印funcs,输出的是函数数组,每一项都是function(){return i;},为什么呢?
当程序运行到document.write(funcs[i]()+"<br />");时,是怎么执行的呢?我把funcs[i]()用function(){return i;}()替换了以后就输出0、1、2...9了,可是funcs里的每一项不就是function(){return i;}函数吗?为什么结果却迥然不同呢?

我在网上查了好久没有详细解读这段代码的帖子,所以请各位高手帮忙解答一下好吗?太困惑了!
搜索更多相关主题的帖子: 牛角尖 
2011-02-17 20:14
aspic
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:51
帖 子:2258
专家分:8050
注 册:2008-2-18
收藏
得分:10 
funcs[i]()--->这里就执行了
传参不已经 结果就不一样呗。。。
2011-02-18 09:14
aspic
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:51
帖 子:2258
专家分:8050
注 册:2008-2-18
收藏
得分:0 
程序代码:
result[i] = function(){
    return i;
};
这里就相当于只定义一个函数 但是没有执行 没有执行就没结果 所以你打印的时候就是打印函数而已
2011-02-18 09:17
编程之星
Rank: 5Rank: 5
等 级:职业侠客
威 望:2
帖 子:285
专家分:391
注 册:2007-4-10
收藏
得分:10 
它是一个内部匿名函数,我想不明白的是在for循环里当每循环一次,下面的这个函数表达式的右边的函数不运行吗?,为什么呢?
        答: “它们”的确是内部匿名函数(注意不是一个),你仅仅是在for循环内部声明“它们”,并没有执行,所以就不运行.
这个闭包的作用域链里不是包含外层的函数createFunctions的活动对象吗,那么匿名函数里面的return i;不是能顺着作用域链查询到外层的i吗?
如果不是这样的话,那么这个函数的作用域链是什么样的呢?
        答: “它们”的确属于同一个作用域链上的.问题的重点和难点就在这里啦.i是for循环变量,因为都是在同一个作用域链上的,所以在“它们”的内部能够取到i的值,但是i的值一直
   都是10.为什么呢,这到底是为什么呢,为什么不分别是 0 1 2 3 4 5 6 7 8 9呢?这是因为你在for循环声明的每个匿名函数内部的取值都是要等到for循环全部执行完毕之后才开始的.这里
   for循环变量i的最大值是9(<10),for循环全部执行完毕之后还有个i++(相当于i=9+1),这时i就等于10了,而“它们”的内部语句都是 " return i; "(返回i的值10的意思),所以结果输出
   都是10.难理解吗,不难吧.哈哈.
当程序运行到var funcs = createFunctions();时我打印funcs,输出的是函数数组,每一项都是function(){return i;},为什么呢?
        答: 你肯定是用了document.write(funcs)吧.因为你写了
            result[i] = function(){
                return i;
            };
            所以在浏览器输出的结果当然是 function(){return i;}啦
            不信你可以试试
                var aaa = function(){alert('Hello world');}
                document.write(aaa);
            结果怎样? What can you see ?
当程序运行到document.write(funcs[i]()+"<br />");时,是怎么执行的呢?我把funcs[i]()用function(){return i;}()替换了以后就输出0、1、2...9了,可是funcs里的每一项不就是function(){return i;}函数吗?为什么结果却迥然不同呢?
        答:
            “你用function(){ return i;}()代替了funcs[i](),想想有什么不同?”
            “好吧,我想想有什么不同?”
            ...
            “好像没什么不同啊,funcs[i]不是存放着每个function(){return i}吗,它们不是应该一样的吗”
            “哈哈.问题就在这啦,在createFunctions()内部你只是保存了各个匿名函数的声明.而在后面的语句你直接执行了这些匿名函数.简而言之就是--用[执行代替了声明]”
            “这有什么不同吗”
            “哈哈,再仔细看看第2个问题的答复或者在Google的输入框上输入[ Javascript loop Closure ],然后开始你的探险之旅吧”
我在网上查了好久没有详细解读这段代码的帖子,所以请各位高手帮忙解答一下好吗?太困惑了!
        答: 一个被高手的人误打误撞进了你的帖子,然后留下一大堆废话.PS:还要说上一句:恭喜发财,利是逗来.


[ 本帖最后由 编程之星 于 2011-2-18 11:59 编辑 ]

怎么越学就觉得自己越笨
2011-02-18 11:55
快速回复:请高手帮忙解答关于闭包的一个程序,钻到牛角尖里了
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.017562 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved