C#中创建的委托实例,并且其中使用了方法中的局部变量,有可能会使此变量的生命周期变长(闭包),这一点与javascript是差不多的,但如果这个局部变量是变化中的(比如在循环中),会有一些微妙的不同。
C#的例子:
void Process()
{
foreach (ITask task in GetTasks())
{
ThreadPool.QueueUserWorkItem(new WaitCallback(
delegate{
task.DoWork();
})
);
}
}
我们需要异步的执行一组任务,但最后很可能只执行了其中的一部份,其原因是匿名方法造成变量共享,可以参考老赵的文章。
再看看javascript,使用setTimeout来制造异步的情况:
function process(){
for(var i=0;i<5;i++){
setTimeout(function(){
alert(i);
},0);
}
}
与C#同样,也存在变量共享的问题,alert出来的全是5。
下面我们来解决这个问题,如果共享变量不是我们所期望的,在C#中我们可以加入一个临时变量,将task的引用赋给临时变量t,而t的生命周期跟随各自的委托实例,解决了共享变量task的问题:
void Process()
{
foreach (ITask task in GetTasks())
{
ITask t=task;
ThreadPool.QueueUserWorkItem(new WaitCallback(
delegate{
t.DoWork();
})
);
}
}
就可以达到我们所期望的效果,那我们以这种方式给javascript的代码改造一番:
function process(){
for(var i=0;i<5;i++){
var j=i;
setTimeout(function(){
alert(j);
},0);
}
}
但还是没有达到我们期望的效果。
根本原因是javascript的变量没有块级作用域,即使声明的变量j在for循环之内,它的作用域仍然是process函数的局部作用域,所以j的引用仍随循环发生着变化。知道原因了就好办了,一种做法是:
function wrap(fn,data){
setTimeout(function(){
fn(data);
},0);
}
function process(){
for(var i=0;i<5;i++){
wrap(alert,i);
}
}
另一种做法是:
function process(){
for(var i=0;i<5;i++){
(function(j){
setTimeout(function(){
alert(j);
},0);
})(i);
}
}
其实,两者都是再包装一个函数(后一种是匿名),每次执行它时,它的
作用域链包含了一个不同的调用对象(函数的实参其实是添加到这个调用对象的后面,而实参是指向是对
当时共享变量的一个引用,共享变量的指向变化并不会引起实参的指向),所以这样才会达到我们期望的效果。
作用域,基础但不简单。