Rumah > hujung hadapan web > tutorial js > Penjelasan Soalan Temuduga Javascript- Object Properties

Penjelasan Soalan Temuduga Javascript- Object Properties

Barbara Streisand
Lepaskan: 2024-10-09 22:49:27
asal
915 orang telah melayarinya

Javascript Interview Question Explanation- Object Properties

Helo Pembaca,

Saya akan menerangkan soalan pengekodan temu bual javascript. Cara pengkompil javascript berfungsi dan apa yang sebenarnya dihasilkannya sebagai output.
Saya akan memecahkan setiap bahagian output, menerangkan sebab ia muncul dengan cara ini dan menyambungkannya kembali ke baris kod khusus yang bertanggungjawab

let a = {};
let b = { key: 'b' };
let c = { key: 'c' };

a[b] = 123;
a[c] = 456;

console.log(a[b])
Salin selepas log masuk

Sebelum kita menyelami butirannya, luangkan masa untuk melihat coretan kod ini. Cuba teka apakah outputnya berdasarkan pemahaman semasa anda. Pendekatan ini bukan sahaja membantu mengukuhkan kemahiran JavaScript anda tetapi juga menjadikan penjelasan berikut lebih bermakna
"Fikirkan tentang cara JavaScript akan memproses setiap baris. Setelah anda membuat tekaan anda, teruskan membaca untuk melihat sama ada anda mendapatnya dengan betul!"

Penjelasan kod di atas

  1. Untuk Baris-1
let a = {};
Salin selepas log masuk

Kod di atas, cipta objek kosong dan tetapkan kepada pembolehubah 'a'.

  1. Untuk Baris-2
let b = { key: 'b' };
Salin selepas log masuk

Baris ini mencipta objek dengan kunci sifat tunggal dan nilai 'b', dan memberikannya kepada pembolehubah 'b'.

  1. Untuk Baris-3
let c = { key: 'c' };
Salin selepas log masuk

Baris ini mencipta objek dengan kunci sifat tunggal dan nilai 'c', dan menetapkannya kepada pembolehubah 'c'.

  1. Untuk Baris-4
a[b] = 123;
Salin selepas log masuk

a[b] = 123 Baris ini menetapkan sifat objek a menggunakan objek b sebagai kekunci. Dalam JavaScript, apabila objek digunakan sebagai kunci dalam objek lain, objek itu mula-mula ditukar kepada rentetan menggunakan kaedah toString(). Dalam kes ini, perwakilan rentetan bagi objek b ialah "[objek Objek]" . Jadi, sifat "[objek Objek]" objek a ditetapkan kepada nilai 123.

  1. Untuk Baris-5
a[c] = 456;
Salin selepas log masuk

Serupa dengan langkah Sebelumnya, "c" juga merupakan objek dan ditukar kepada rentetan, ia menjadi ""[Objek Objek]"".

Oleh itu, garisan a[c] = 456; bersamaan dengan "a[objek Objek]"=456, yang bermaksud objek itu mempunyai "[objek Objek]" harta dan nilainya ialah 456.

  1. Untuk Baris-6
console.log(a[b])
Salin selepas log masuk

Output ialah 456. apabila anda cuba mengakses harta "a[b]", javascript sekali lagi menukar b kepada rentetan, iaitu "[objek Objek]". Memandangkan objek mempunyai sifat dengan kunci "[objek Objek]" dan nilainya ialah 456. Jadi ia akan mencetak output.


Kesimpulan

Dalam Ringkasan, kod menunjukkan bahawa apabila objek digunakan sebagai kunci dalam objek lain, objek itu mula-mula ditukar kepada perwakilan rentetan, iaitu "[objek Objek]" secara lalai. Ini bermakna objek b dan c dianggap sebagai kunci yang sama dan nilai terakhir yang diberikan kepada kunci itu ialah nilai yang diambil semula.


Misi Dicapai: Membongkar Kod!

Saya harap penjelasan ini bukan sahaja menjelaskan kod tetapi juga mencetuskan rasa ingin tahu untuk meneroka lebih lanjut. JavaScript penuh dengan kejutan dan alatan yang berkuasa, dan setiap bahagian yang anda pelajari membawa anda lebih dekat untuk menguasainya.
Terima kasih kerana membaca, dan saya harap anda menikmati pecahan ini! Jangan ragu untuk berkongsi pendapat, soalan atau idea anda untuk topik akan datang dalam ulasan.

Selamat pengekodan!

Atas ialah kandungan terperinci Penjelasan Soalan Temuduga Javascript- Object Properties. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan