javascript - 理解对象的属性+回调

Question

起初我对以下代码发生了什么感到有点困惑:

people =
  jim: 'Jim'
  james: 'James'

for k, v of people

  setTimeout( ( -> console.log(k) ), 300 )

#OUTPUT
#james
#james

JavaScript 版本:

var people = {
  jim: 'Jim',
  james: 'James'
};


for(var k in people){

  setTimeout( function(){ console.log(k); }, 300 );

};

//OUTPUT
//james
//james

但我猜当 console.log(k) 被执行时 k 已经改变了？如何修复它，使输出为“jim, james”？

Answer 1

您遇到了经典的 JavaScript 闭包问题。请参阅 CoffeeScript documentation 的“循环和理解”部分中有关“闭包包装器”的部分。 .

针对您的问题的 CoffeeScript 解决方案是 do 关键字:

for k, v of people
  do (k) -> 
    setTimeout( ( -> console.log(k) ), 300 )

由于您包含了问题的 Javascript 版本，因此 Javascript 解决方案将如下所示:

for(var k in people){
  (function(k) { setTimeout( function(){ console.log(k); }, 300 ); })(k);
};

但这太丑陋了，所以如果我在 JS 中这样做，我更喜欢这种方法:

var delayedLog = function(k) {
  setTimeout( function(){ console.log(k); }, 300 );
};

for(var k in people){
  delayedLog(k);
};