javascript - js闭包作用域-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - js闭包作用域

扔个三星炸死你 2017-06-28 09:28:39

[JavaScript讨论组]

1088

为什么会输出10 次10 push进去的不应该是 1 - 9吗这个坑求大神解答

function save_i(){
    var a = [];
    for(var i = 0;i<10;i++){
        a[i] = function(){
            return i;
        }
    }
    return a;   
}

var c = save_i();
for(var i = 0;i<10;i++){
   console.log(c[i]());
    //10次 10
}

扔个三星炸死你

全部回复(7)

黄舟2017-06-28 09:30:39 7楼

只需要在for循环执行时，创建一个闭包函数将i值保存起来，既可以依次输出

function save_i(){
    var a = [];
    for(var i = 0;i<10;i++){
        a[i] = function(i){
            return function() {
                return i;
            };
        }(i);
    }
    return a;
}

var c = save_i();
for(var i = 0;i<10;i++){
   console.log(c[i]());
    //已经变为依次输出
}

赞 +0

添加回复

女神的闺蜜爱上我2017-06-28 09:30:39 6楼

function save_i(){
    var a = [];
    for(var i = 0;i<10;i++){
        a[i] = function(i){
            return i;
        };
    }
    return a;   
}

var c = save_i();
for(var i = 0;i<10;i++){
   console.log(c[i](i));
}

赞 +0

添加回复

黄舟2017-06-28 09:30:39 5楼

 a[i] = function(i){
            return i;
        };

return的每个i都是引用了外部的同一个i 也就是10

赞 +0

添加回复

黄舟2017-06-28 09:30:39 4楼

var fns=[];
function test(){
    for(var i=0;i<10;i++){
        (function(j){
            fns.push(
                function(){
                    console.log(j);
                }
            );
    })(i);    
    
    }

}

test();

for(var k=0;k<fns.length;k++){
    fns[k]();
}

var变量的作用域是函数作用域，不是块级作用域

赞 +0

添加回复

天蓬老师2017-06-28 09:30:39 3楼

作用域链在创建的时候就已经生成了， c[i] = function(i){ return i; };运行的时候当前作用域没有i，而上层作用域save_i()的i已经变成10。你认为结果是0~9，是不是你把上层作用域当做全局了

赞 +0

添加回复

黄舟2017-06-28 09:30:39 2楼

a[i]赋值的时候是一堆function、也就是并没有执行、也没有拿到i、她的作用域也没取到i

当你在下面执行的时候、这一堆function都开始找自己作用域能取到的i、也就是循环执行完的10

赞 +0

添加回复

巴扎黑2017-06-28 09:30:39 1楼

var关键字声明变量作用域为函数作用域，因此 for 循环中的 i 变量会发生变量提升。楼主的将for循环中的哪一段改为自执行函数就ok了。eg：
function save_i(){

var a = [],
    i = 0;
for(;i<10;i++){
    a[i] = function(i){
        return i;
    }(i);
}
return a;

}

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>