数组长度为 0，但它有项目

Question

我在这个例子中用测试数据填充了一个数组，所以我知道 Firebase 数据不是罪魁祸首。

this.lastMessages = new Array();

ref.limitToLast(1).on("child_added", (snapshot) => {
   this.zone.run(() => {
       this.lastMessages.push("test");
   });
});

console.log(this.lastMessages);
console.log(this.lastMessages[1]);
console.log(this.lastMessages.length);

在此示例中，我只是将值“test”推入 lastMessages 数组以使其更容易。现在我在底部有 3 个日志，结果很奇怪。

第一个按预期记录：

[]
0: "test"
1: "test"
2: "test"
length: 3
__proto__: Array(0)

第二个日志返回未定义，最后一个日志返回 0 作为长度。我通过推送值来确保它不会变得具有关联性。现在不可能是因为它在区域中运行，因为第一个控制台日志给了我正确的表示。怎么回事？

Answer 1

这是预期 aync 为 sync 和显示参考数组的 chrome 开发人员工具的组合。

ref.limitToLast(1).on 使整个“添加”过程异步，这意味着当您记录数组时，其中还没有元素，因为异步部分尚未触发。通过在this.lastMessages.push 上方放置console.log 来检查它。您将看到“添加”的日志记录是在数组记录之后完成的

它确实显示 3 个项目的原因是浏览器优化。阅读here了解更多详情