javascript - 一道面试题-求解

问题描述

问 题

读一下程序，判断输出结果，并分析原因

var apples = ["apple1", "apple2", "apple3"];
for (var i = 0, funs = []; i < 3;i ++){
    funs[i] = function(){
        console.log(apples[i]);
    }
}
funs[0]();
funs[1]();
funs[2]();

解决方案

闭包是一个自带运行环境的函数，题中的闭包function函数本地作用域中没有i这个变量，只能沿着作用域链往上查找，而上级作用域中的i最终为3。

var apples = ["apple1", "apple2", "apple3"];
for (var i = 0, funs = []; i < 3;i ++){
    funs[i] = (function(x){
        return function(){
        console.log(apples[x]);
        }
    })(i);
}
funs[0]();
funs[1]();
funs[2]();

将代码改成这样的话，就可以分别输出。
为什么这样就可以了呢？

因为把i每次的值都放到上级作用域链里面了。

这篇关于javascript - 一道面试题-求解的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！