Mengapakah `console.log` Menunjukkan Gelagat Objek Asynchronous?

Gelagat Tak Segerak bagi Objek dalam Console.log

Apabila memeriksa objek menggunakan console.log, adalah penting untuk mengetahui sifat tak segeraknya. Konsol menerima rujukan objek secara serentak tetapi memaparkan sifatnya hanya apabila ia dikembangkan. Ini boleh membawa kepada percanggahan jika objek diubah suai sebelum ia diperiksa.

Pertimbangkan kod berikut:

foo = [{id: 1},{id: 2},{id: 3},{id: 4}, {id: 5}, ];
console.log('foo1', foo, foo.length);
foo.splice(2, 1);
console.log('foo2', foo, foo.length);

Dalam Chrome, ini menghasilkan output berikut:

foo1 
[Object, Object, Object, Object, Object]  5
    0: Object
    1: Object
    2: Object
    3: Object
    length: 4
    __proto__: Array[0]
     5 (index):23
foo2 
[Object, Object, Object, Object]  4
    0: Object
    1: Object
    2: Object
    3: Object
    length: 4
    __proto__: Array[0]

Pada mulanya, console.log menerima rujukan kepada objek foo. Walau bagaimanapun, sifat dipaparkan kemudian, selepas objek telah diubah suai oleh foo.splice(2, 1). Oleh itu, output menunjukkan nilai yang dikemas kini.

Untuk mengurangkan isu ini, terdapat beberapa pendekatan pengelogan alternatif:

• Log nilai objek individu:

console.log(foo.id, foo.name, foo.age);

• JSON-kodkan objek sebagai rentetan:

console.log(JSON.stringify(foo));

• JSON mengekod semula objek untuk mengekalkan kebolehperiksaan:

console.log(JSON.parse(JSON.stringify(foo)));

Kaedah ini pastikan output yang dilog mencerminkan keadaan objek pada masa pengelogan.

Atas ialah kandungan terperinci Mengapakah `console.log` Menunjukkan Gelagat Objek Asynchronous?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!