なぜChrome devtoolはオブジェクト属性とオブジェクト自体を別の方法で表示しますか？

Question

const a = { 
    age: 12, 
    name: 'Lucy' 
}; 

console.log(a, a.age); 

delete(a.age); 

は、誰もが、私はクロームのdevのツールでそれをconsole.logと結果は次のように現れたときにageプロパティに何が起こるか私に説明できますか？

Object {age: 12, name: "Lucy"} 12 
    name:"lucy" 
    __proto__:Object 

また別のオブジェクトとconsole.logが定義されています。

const b = { 
    age: 12, 
    name: 'lucy' 
}; 

console.log(b); 

コンソールにはすべてのプロパティが表示されますか？

Object {age: 12, name: "lucy"} 
    age:12 
    name:"lucy" 
    __proto__:Object 

Answer 1

console.logあなたはそのプロパティを削除する前にそのオブジェクトを処理しているからです。

Object {age: 12, name: "Lucy"}は、Chrome devtoolによって行われた簡単なオブジェクトスナップショットです。直後に何をしても、それは変わりません。

オブジェクト属性を表示するように展開すると、devtoolはオブジェクト参照にリンクし、現在の値を表示します。