不同浏览器的控制台语句的执行顺序

Order of execution for console statements for different browsers

本文关键字：执行 顺序 语句 控制台 浏览器      更新时间：2023-09-26

到目前为止，我已经在Firefox（32）和Chrome（38）中测试了以下代码

var startTime = (new Date()).getTime();
console.log(startTime);
var data = [];
var tCat = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("");
var dataPoints = 2000000;
for ( var i = 0; i < dataPoints; i++ ) {
    var r = Math.random;
    data.push({
        value: Math.pow(1 - Math.cos((r() * Math.PI) / 2), 3),
        cost: +r().toFixed(2),
        category: tCat[Math.floor(r() * tCat.length)]
    });
}
var endTime = (new Date()).getTime();
console.log(endTime);
console.log(endTime - startTime);

你可以在这个jsfiddle 上查看

在Firefox中，似乎所有三个控制台语句都同时启动，在循环完成执行之后，但在Chrome中，第一个控制台语句会在循环开始执行之前显示。代码本身按预期工作，但Firefox中第一个控制台语句的执行令人困惑。有人能解释一下吗？

TL；DR：控制台不受任何标准的管辖，并且依赖于浏览器。

它按预期工作尝试添加断点并逐步遍历代码中的每一行，您会看到它们按预期执行。一种更粗糙的方法是使用alert()使脚本瘫痪。

然而，行为仍然取决于供应商。没有保证。

相关文章：