异步执行时变量共享(C#与javascript)
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); } }其实,两者都是再包装一个函数(后一种是匿名),每次执行它时,它的作用域链包含了一个不同的调用对象(函数的实参其实是添加到这个调用对象的后面,而实参是指向是对当时共享变量的一个引用,共享变量的指向变化并不会引起实参的指向),所以这样才会达到我们期望的效果。
作用域,基础但不简单。