Apakah tujuan pembolehubah $ dalam konsol Alat Pembangun Chrome?

$ Pembolehubah dalam Chrome

Soalan:

Semasa meneroka alat pembangun Chrome pada halaman tanpa jQuery, tingkah laku pelik diperhatikan. Menaip "$" ke dalam konsol mengembalikan fungsi dengan kod asli. Fungsi ini tidak boleh diakses melalui tetingkap['$'], dokumen['$'] atau ini['$'] dan tujuannya kekal misteri.

Jawapan:

Pembolehubah $ dalam konsol devtools Chrome telah mengalami beberapa perubahan. Pada masa ini ia berfungsi sebagai alias untuk document.querySelector dan menyediakan fungsi tambahan:

• $(selector): Mengembalikan rujukan kepada elemen DOM pertama yang sepadan dengan pemilih CSS, serupa dengan document.querySelector().
• $$(selector): Mengembalikan tatasusunan elemen yang sepadan dengan pemilih CSS, dengan berkesan menggantikan document.querySelectorAll().
• $_: Menyimpan nilai ungkapan yang dinilai terbaharu.
• $0, $1, $2, $3 dan $4: Sediakan rujukan sejarah kepada lima elemen DOM yang diperiksa terakhir dalam panel Elemen atau objek timbunan JavaScript dalam panel Profil.

Terutama, $$ tidak benar-benar memanggil document.querySelectorAll(), kerana ia mengembalikan tatasusunan dan bukannya NodeList.

Chrome ialah satu-satunya penyemak imbas yang mendedahkan pembolehubah $ ini, yang berfungsi sebagai pintasan mudah untuk berinteraksi dengan elemen DOM dan mengakses pelbagai ekspresi dan objek dalam konsol alat pembangun.

Atas ialah kandungan terperinci Apakah tujuan pembolehubah $ dalam konsol Alat Pembangun Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!