函数指针变量重写的奇怪场景

考虑这个简单的场景:

(function x(){
  var foo = function(){
    console.log('foo is alive!');

    // set 'foo' variable to an empty function, using a delay
    setTimeout(function(){
      foo = function(){};
    },0);
  }

  foo();
  // calling 'foo' again, after it should be an empty function
  setTimeout(foo,100);
})();

如果要在控制台中复制并运行此代码,它将输出 foo is alive! 两次我想知道为什么不 foo 用空函数重写。 食品 显然是一个在超时回调中识别的变量,该回调指向函数。

这个问题的无聊背景:
这是一个简单的测试用例,用于我面临的更复杂的场景,使用AJAX回调而不是在这个简单的示例中使用的超时。