javascript - 面试时问到的问题

Question

这个程序怎么改 让handle[1]弹1，handle[2]弹2；

var handle=[];
function bindEvent() {
    for(var i=0;i<=2;i++){
        handle[i]=function () {
            alert(i);
        }
    }
}
bindEvent();
handle[1]();
handle[2]();

Answer 1

闭包。

var handle=[];
function bindEvent() {
    for(var i=0;i<=2;i++){
        handle[i]=(function (i) {
            alert(i);
        }).bind(this, i);
    }
}
bindEvent();
handle[1]();
handle[2]();

Answer 2

使用闭包:

function bindEvent() {
    for(var i=0;i<=2;i++){
        (function(x){
            handle[x]=function () {
             console.log(x)
            }
        })(i)
        
    }
}

或者 用let代替var

function bindEvent() {
    for(let i=0;i<=2;i++){
        handle[i]=function () {
            alert(i);
        }
    }
}