Comparison of console.log outputting current objects

http://stackoverflow.com/questions/7389069/console-log-object-at-current-state

by Luke Nickerson

HTML

<p>Hit F12 to open the console. Look at the values of 'a'.</p>
<p>Once the console is open, run again and look at the values.</p>

JavaScript

//console.clear();
var test = {a: true}

console.log("\n\n----(Value of test.a starts as true.)----");

// Should show {a: true}
console.log(test); // {a: false} if console opened after run
console.dir(test); // {a: false} all the time (Chrome)
console.log(JSON.stringify(test)); // {a: true}

test.a = false; 
console.log("----(Value of test.a has been updated to false.)----");

console.log(test);     // {a: false} makes sense
console.dir(test);    // {a: false} makese sense
console.log(JSON.stringify(test));