Rumah >hujung hadapan web >tutorial js >Mengapa Pembolehubah JavaScript Saya Dipaparkan sebagai Rentetan Tersurat dan bukannya Nilai?

Mengapa Pembolehubah JavaScript Saya Dipaparkan sebagai Rentetan Tersurat dan bukannya Nilai?

Barbara Streisand
Barbara Streisandasal
2024-12-11 07:30:10686semak imbas

Why Are My JavaScript Variables Displaying as Literal Strings Instead of Values?

Harta Templat dalam JavaScript: Menggunakan Backticks lwn. Petikan Lurus

Dalam JavaScript, literal templat membenarkan pembenaman pembolehubah dalam rentetan. Walau bagaimanapun, jika anda menghadapi isu di mana pembolehubah dipaparkan sebagai rentetan literal dan bukannya nilai, masalahnya terletak pada penggunaan tanda petikan lurus dan bukannya tanda belakang.

Memahami Backticks

Templat literal dalam JavaScript ditakrifkan menggunakan kutu belakang (`) dan bukannya tanda petikan lurus ('). Tanda belakang ditemui pada papan kekunci di sebelah kekunci nombor 1.

Contoh

Pertimbangkan kod berikut, di mana literal templat bertujuan untuk digunakan:

const categoryName = "name";
const categoryElements = "element";
console.log('categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} ');

Walau bagaimanapun , kod ini akan mengeluarkan yang berikut:

${this.categoryName}
categoryElements: ${this.categoryElements}

Dalam kes ini, literal templat tidak berfungsi kerana petikan lurus tanda sedang digunakan. Kod yang betul menggunakan backticks ialah:

console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${categoryElements} `);

Output:

categoryName: name
categoryElements: element

Kesimpulan

Ingat, literal templat JavaScript memerlukan backtick (`) untuk penggantian berubah, manakala tanda petikan lurus akan memaparkan nama pembolehubah literal. Dengan menggunakan tanda belakang dengan betul, anda boleh membenamkan nilai pembolehubah dengan berkesan dalam rentetan dan meningkatkan kebolehbacaan dan fleksibiliti kod anda.

Atas ialah kandungan terperinci Mengapa Pembolehubah JavaScript Saya Dipaparkan sebagai Rentetan Tersurat dan bukannya Nilai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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