Mengapakah Literal Templat JavaScript Saya Memaparkan Nama Pembolehubah Daripada Nilai?

Templat Literal dalam JavaScript: Backticks Diperlukan

Templat literal dalam JavaScript, dilambangkan dengan ${} ruang letak dalam rentetan, menawarkan cara yang mudah untuk benamkan ungkapan. Walau bagaimanapun, menghadapi isu paparan dengan literal templat menggunakan petikan tunggal (') dan bukannya tanda belakang (`) adalah kesilapan biasa.

Penerangan Masalah

Apabila menggunakan petikan tunggal, nama pembolehubah literal dicetak dan bukannya nilainya. Contohnya:

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

Output:

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

Penyelesaian

Templat JavaScript literal memerlukan backtick, bukan lurus tanda petikan.

Kunci belakang ialah watak seterusnya ke kekunci '1' pada papan kekunci QWERTY. Menggunakannya dan bukannya petikan tunggal mencipta templat literal, yang kemudiannya boleh menempatkan pemegang tempat ${} untuk menilai ungkapan:

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

Output:

categoryName: name 
categoryElements: element

Maklumat Tambahan

Backtick kerap digunakan dalam pelbagai bahasa pengaturcaraan tetapi mungkin baru kepada pembangun JavaScript. Rujuk sumber berikut untuk butiran lanjut:

• [Penggunaan Watak Backtick dalam JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/ template_literals)

Atas ialah kandungan terperinci Mengapakah Literal Templat JavaScript Saya Memaparkan Nama Pembolehubah Daripada Nilai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!