即使不在console.log中，該值也為null（…）

Question

我正在使用Angular，並且嘗試訪問我的對象的屬性img，並且在執行整個對象的console.log(..)時。 值在那里，但是當我在執行對象屬性的onsole.log(..) ，它說它為null。

console.log("Product:", this.article);
var url = this.article.img;
console.log("Image" , url);

安慰：

我不知道如果this.article.img ;這怎么可能？ 看起來在console.log有一些價值。 但是當我嘗試訪問它時，它說它為空。 怎么會？

Answer 1

該對象不會立即渲染。 您的img屬性在記錄時為null值，但是稍后在控制台中打開對象時，它會被填充。

您可以通過登錄console.log(JSON.stringify(this.article)) 。

問題的最可能原因是一些異步代碼，您沒有正確地等待其完成。 正如您所說的那樣，該對象是從數據庫中獲取的，我想您會忘記在回調中使用該對象（可能基於promise）。

Answer 2

而不是記錄：

console.log("Product:", this.article);
var url = this.article.img;
console.log("Image" , url);

嘗試調試，以便您可以實時檢查該值：

console.log("Product:", this.article);
debugger;
...

Answer 3

由於瀏覽器控制台可在大多數現代客戶端中使用引用，因此：

請注意，如果您在最新版本的Chrome和Firefox中記錄對象，則在控制台上記錄的內容是對該對象的引用，在調用控制台時，它不一定是對象的“值”。 log（），但它是單擊對象打開時該對象的值。