带有数组分配的 Javascript 意外控制台输出；

Question

我在 webkit 浏览器(Chrome 16.0.912.77 和 Safari 5.1.2 - 7534.52.7)中分配数组后得到意外的控制台输出。

这是我演示错误的函数:

function test() {
    var myArray = [];
    console.log(myArray); // Should be [], but is [0]
    myArray.push(0);
}

我在 Firefox 7.0.1 中收到 [] 的预期输出。

[编辑]

当我插入长时间同步 sleep 时，问题并没有消失。这让我认为 (1) 即使 console.log 语句是异步的，它也在同一个线程中运行，并且 (2) 它在运行之前等待事件队列为空，以及 (3) 传递给控制台的引用.log 在最终执行 console.log 时被转换为字符串 - 而不是在调用时。

function sleep(millis){
  var date = new Date();
  var curDate = null;
  do { curDate = new Date(); }
  while(curDate-date < millis);
}

function test() {
    var myArray = [];
    console.log(myArray); // Should be [], but is [0]
    sleep(2000);    
    myArray.push(0);
}

这看起来不像是期望的行为。

Answer 1

这是因为 console.log 是通过引用和异步的，并且您的 push() 在显示结果之前结束执行。

你可以做一个快速的:

console.log(myArray.slice());

相反，用于调试目的。

---

为了更明显地测试这一点:

var a = []; console.log(a); a.push(1, 2, 3, 4, 5);

将给出 [1, 2, 3, 4, 5]。

var a = []; console.log(a); setTimeout(function() {a.push(1, 2, 3, 4, 5);}, t);

在 t = 5 时给出了错误的结果，在 t = 100 时给出了正确的结果。