【js】利用闭包消除回调函数启动时值已经发生变化的影响

在以下代码中，timeFun异步执行了一个匿名函数，当输出color的值时已经由green变成red，因此输出为red。

function timedFun(callback){
    setTimeout(callback,200);// 两百毫秒后调用callback函数
}

var color='green';

timedFun(function(){ // 执行timedFun函数，因为在两百毫秒后才启动匿名函数，导致输出时后面的color='red';已经先执行，所以输出时color=red.在异步执行时是值得注意的情况
    console.log("color="+color);
});

color='red';

 

下面代码是利用闭包将当时的color固化成匿名函数本地变量，这样再不受全局变量color值变化的影响。

function timedFun(callback){
    setTimeout(callback,200);// 两百毫秒后调用callback函数
}

var color='green';

(function(color){// 利用闭包，将此时的color(值为'green')封装到一个匿名函数中，color就成了这个匿名函数的本地变量，因此外界全局变量color发生变化时，本地变量color不受影响还是保持原值green
    timedFun(function(){ 
        console.log("color="+color);
    })
})(color);

color='red';