JavaScript如何处理alert与console.log，以及它们在回调函数中的执行顺序

Question

有人能解释一下下面的代码是如何执行的吗？我已经创建了两个涉及回调函数的场景，一个在回调中使用console.log，另一个在回调中使用alert，我想知道是什么原因造成了这两个回调函数之间的执行差异。

在第一个示例中，我在回调函数中使用了console.log()。见下文。

var thor = function(){
  console.log('I am THOR!');
};

var otherFunction = function(callback){
  for (var i = 0; i < 11; i++){
    console.log(i);
  }
  callback();
};

otherFunction(thor);

结果如下：

0
1
2
3
4
5
6
7
8
9
10
"I am THOR!"

这是第二个例子。唯一改变的是“雷神”函数中的“console.log”被替换为“alert”。

var thor = function(){
  alert('I am THOR!');
};

var otherFunction = function(callback){
  for (var i = 0; i < 11; i++){
    console.log(i);
  }
  callback();
};


otherFunction(thor);

...and结果是：

<alert>
0
1
9
10
8
7
6
5
4
3
2

来自for循环的数字以随机顺序注销，并且在它们被记录之前弹出警告框。我想知道是什么导致了这种差异，为什么当在回调中调用alert时，它首先发生，而不是在for循环完成记录数字之后发生。

谢谢你的帮助！

Answer 1

当我在chrome中测试时，警报最后出现，如果你在回调中添加一个console.log，你会看到它出现在数字之后。执行速度可能会产生误导，因为很明显，整个过程在不到一秒的时间内就完成了。

小提琴：http://jsfiddle.net/97vLmfrq/

var thor = function(){
  console.log("in callback");
  alert('I am THOR!');
};

var otherFunction = function(callback){
  for (var i = 0; i < 11; i++){
    console.log(i);
  }
  callback();
};


otherFunction(thor);