JavaScript nesnesi Chrome konsolunda genişletildiğinde farklı özellik değeri görüntülenir

Question

Chrome dev araçlarıyla bazı JavaScript hata ayıklama yapıyorum ve aşağıdaki garipliği buldum.

Nesne genişletildiğinde date'un farklı bir değere sahip olması nasıl mümkündür? Nesneleri basarken

Answer 1

Sen krom konsolu ile dikkatli olmalıdır. Kromun, nesnelerin yazdırılması/genişletilmesinin yanı sıra zaman uyumsuz olarak yaptığı (bu arada başka bir kodun yürütülebileceği ve nesneyi değiştireceği anlamına gelir) değerlendirmelerini de dikkate aldığını unutmayın. Nesnenin kendisini yazdırmak yerine her zaman hata ayıklama için Dize yazdırmayı deneyin.

Sorunu açıklamak için çok basit bir örnek hazırladım. krom konsolunda

<div id="foo"></div> 

console.log($('#foo')); //expected output [div#foo...] 
$('#foo').attr('id','hello'); 

gerçek çıktı şöyledir:

Try it yourself here (JSFiddle).