console.log ({myVariable});

Tweet ini, mungkin saya paling popular (walaupun pengesahan adalah rumit hari ini!), Mempamerkan helah debugging JavaScript yang berguna. Mari kita meneroka lebih jauh.

Sebelum ini, saya akan menggunakan verbose:

 console.log ("myvariable:", myvariable);

Sekarang, saya lebih suka ringkas:

 console.log ({myVariable});

Devtools menjadikannya sama dengan baik, memberikan nama dan nilai pembolehubah.

Keajaiban terletak pada sintaks literal objek JavaScript. Curly Braces {} Tentukan objek. Objek boleh wujud tanpa tugasan:

 {foo: "bar"}

Ini adalah perkara biasa apabila melewati objek ke fungsi (misalnya, myFunction({ config: options }) ). "Trick" memanfaatkan notasi singkat. Anda boleh membuat objek menggunakan hanya nama yang berubah -ubah, secara tersirat memberikannya sebagai harta:

 const Fruit = "Apple";

// Shorthand
Let x = {Fruit};

console.log (x); // output: {buah: "epal"}

// bentuk panjang yang setara
x = {"buah": buah};

console.log (x); // output: {buah: "epal"}

console.log({ myVariable }); Menggunakan ini secara ringkas, mewujudkan objek dengan myVariable sebagai harta.

Walau bagaimanapun, kelemahan yang berpotensi adalah keputusan sekali -sekala Devtools untuk memaparkan output sebagai ▶ Object yang runtuh, yang memerlukan pengembangan untuk melihat nilai. Kriteria yang tepat untuk tingkah laku ini tidak jelas. Jika ini atau format output objek standard tidak sesuai, pertimbangkan console.table({ myVariable }); untuk persembahan yang lebih berstruktur.

Atas ialah kandungan terperinci console.log ({myVariable});. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!