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

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!