JavaScript 変数が値ではなくリテラル文字列として表示されるのはなぜですか?

JavaScript のテンプレート リテラル: バックティックと直線引用符の使用

JavaScript では、テンプレート リテラルを使用して文字列内に変数を埋め込むことができます。ただし、変数が値ではなくリテラル文字列として表示されるという問題が発生した場合、問題はバッククォートの代わりに直線引用符を使用していることにあります。

バッククォートについて

テンプレート リテラルJavaScript は、直線引用符 (') ではなくバッククォート (`) を使用して定義されます。バッククォートは、キーボードの数字の 1 キーの隣にあります。

例

テンプレート リテラルが使用されることを目的とした次のコードを考えてみましょう。

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

ただし、このコードは次を出力します:

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

この場合、テンプレート リテラルは直線引用符が使用されているため、機能します。バッククォートを使用した正しいコードは次のようになります。

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

出力:

categoryName: name
categoryElements: element

結論

JavaScript テンプレート リテラルでは変数置換にバッククォート (`) が必要であることを覚えておいてください。直線引用符はリテラル変数名を表示します。バッククォートを正しく使用すると、変数値を文字列内に効果的に埋め込み、コードの読みやすさと柔軟性を高めることができます。

以上がJavaScript 変数が値ではなくリテラル文字列として表示されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。