title: Why does the Chrome devtool shows the object attributes and the object itself differently?
body: <pre><code>const a = {
    age: 12,
    name: 'Lucy'
  };
  
  console.log(a, a.age);
  
  delete(a.age);
  </code></pre>
  
  <p>Can anyone explain to me what happens to the <code>age</code> property when I <code>console.log</code> it in Chrome dev tool and the result shows up like this? </p>
  
  <pre><code>Object {age: 12, name: "Lucy"} 12
    name:"lucy"
    __proto__:Object
  </code></pre>
  
  <p>And if I define another object and <code>console.log</code> it. </p>
  
  <pre><code>const b = {
    age: 12,
    name: 'lucy'
  };
  
  console.log(b);
  </code></pre>
  
  <p>The console prints all the property it has?</p>
  
  <pre><code>Object {age: 12, name: "lucy"}
    age:12
    name:"lucy"
    __proto__:Object
  </code></pre>