为什么 Chrome 在不同时间记录对象的方式不同？ [复制]

Question

我正在尝试通过 Angular 使用 Google Analytics API。我先加载分析脚本

<script src="https://apis.google.com/js/client.js"></script>

然后我 console.log api 脚本创建的全局 gapi 变量。这将返回对象，如我所料，带有auth 属性。但是gapi.auth 出现undefined。

当我让函数等待两秒钟时，它确实按预期运行。这说明了会发生什么：

然而所有的属性都存在于第一个对象中：

为什么后面的有预览，前面的没有？我想这与为什么我只能在 2 秒后访问它们的属性有关。

---

更新：

我已在脚本顶部添加此检查器以等待 gapi.auth 加载...但它永远不会完成：

while (gapi.auth === undefined) {
    console.log("Still undefined");
}
console.log(loaded now");

Answer 1

console.log 函数不会立即评估作为参数给出的对象。仅当您在日志窗口中查看或展开对象时才会对其进行评估。所以如果你的对象改变了它的属性。当您第一次打开日志并尝试展开对象时，您将看到对象的快照。这就是为什么当您过早打开它时，您会看到一个空对象。