出力処理で変数の値が参照されない

Question

質問

node.jsの勉強を始めました。
入門書を読んでいますが、入門書のサンプルコードを実行しても
本と同じ結果になりません。
何が問題なのでしょうか？

該当のソースコード

let a = "test";
console.log('Hello,${a}');

本の結果

Hello,test

実際の結果

Hello,${a}

補足情報（FW/ツールのバージョンなど）

Node.jsのバージョン v12.19.0

Answer 1

テンプレートリテラル (テンプレート文字列)ですね。

質問文のコードはシングルクォートで区切られているので、
この値を文字列に埋め込むことはできません。

バッククォートを使ってください。
日本語のJISキーボードであれば、Shift + @で入力できます。

---

ES2015という比較的新しいバージョンで、
JSはPHPのような変数を埋め込んだ文字列を作れるようになりました。

しかし、JSには後方互換性を重視する思想があります。
同じWebサイト、ブラウザの組み合わせで昨日まで閲覧できたサイトが、
今日のブラウザのアップデートでJSの解釈に破壊的な変更が加わり、Webサイトが閲覧できなくなった！！
これは許されないわけです。

元々JSには文字列を表現する為の記号が2つ存在しました

• "(ダブルクォート)
• '(シングルクォート)

これの中に${value}という文字列を勝手に置換をかけるような改善はできません。
JSフレームワークみたいなライブラリがやっている可能性があり、
勝手に仕様を変えるとバグの原因となりえます。

なのでシングルクォートやダブルクォートでテンプレート文字列を実現することはできず、
新しくバッククォートを使うよう構文を追加して対応したという経緯があります。

Comments

[ysk1118]

バッククォート…書籍をよーく見てみたら、おっしゃる通りでした。
シングルクォーテーションだと思った私の見間違いだったのですね。
経緯まで記載していただきありがとうございます。

Answer 2

シングルクォートではなく、バッククォートで囲んでください。

let a = "test";
console.log(`Hello,${a}`);

参考記事です
https://qiita.com/kura07/items/c9fa858870ad56dfec12

記事の中のコードを抜粋したものが以下になります。

var foo = "--";
var a = "ジャバ" + foo + "スク" + (111+222) + "リプト";
var b = `ジャバ${foo}スク${111+222}リプト`;
console.log( a === b ); // true
console.log( b ); // ジャバ--スク333リプト

Comments

[ysk1118]

ご回答いただき、ありがとうございました。
シングルクォートとバッククォートを見間違えていたのですね。
お恥ずかしい限りです…