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

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引用，天然每次循环建立函数的时候，就都是新的索引了。