一个考察闭包的最基础的面试题

fs=[];
for(var x=0;x<5;x++){
    fs[x]=function(){
        console.log(x);
    }
}
fs[2]();

上面代码输出是5，如果希望输出是2

在我刚入行那个年代，这题目想考察的一定是闭包，如下：

fs = [];
for (var x = 0; x < 5; x++) {
    (function(x) {
        fs[x] = function() {
            console.log(x);
        }
    })(x);
}
fs[2]();

但是，2016年开始，ES6成了面试必问套路。在ES6里面，多了一个答案，如下：

fs=[];
for(let x=0;x<5;x++){
    fs[x]=function(){
        console.log(x);
    }
}
fs[2]();

即 var 改为let，利用了ES6里的块级作用域。

今天，看一篇文章，突然看到了另外一个方案，这方案是ES5就支持的with，如下：

fs = [];
for (var x = 0; x < 5; x++) {
    with({ x: x }) {
        fs[x] = function() {
            console.log(x);
        }
    }
}
fs[2]();

先不说是否优雅，之前不管是别人面试我还是我面试别人，还真没想到过可以用with加个object变量来做，每一次for循环都创建了新的object引用，自然每次循环创建函数的时候，就都是新的索引了。