JavaScript テンプレート リテラルに動的な値が表示されないのはなぜですか?

テンプレート リテラルに動的値が表示されない

テンプレート リテラルを使用しているにもかかわらず、代わりにリテラル変数名が表示されるという問題が発生します。彼らの価値観。この問題を解決するには、テンプレート リテラルの作成に引用符ではなくバッククォート (`) を使用していることを確認してください。

バッククォーテーションと引用符

JavaScript テンプレート リテラル (テンプレート文字列とも呼ばれます) では、テンプレートを囲むためにバッククォート (`) が必要です。これらのバックティックは、QWERTY キーボードの 1 キーの隣にあります。一重引用符 (') または二重引用符 (") を使用すると、目的のテンプレート リテラルは作成されません。

例

次のことを考慮してください。例:

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

出力

categoryName: name 
categoryElements: element

バッククォート () を使用すると、テンプレート リテラルは categoryName 変数と categoryElements` 変数を正しく補間し、それぞれの結果が得られます。価値観は

参考資料

• JavaScript でのバックティック文字 (`) の使用法

以上がJavaScript テンプレート リテラルに動的な値が表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。