ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 変数が値ではなくリテラル文字列として表示されるのはなぜですか?

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

Barbara Streisand
リリース: 2024-12-11 07:30:10
オリジナル
691 人が閲覧しました

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

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート