Console.log(${this.xxx})で変数が参照されない時①:バッククオートを疑え!

Console.logの引数をバッククオートで囲うべし。
シングルクオートで囲ったために、1時間くらい悩んでしまった。。。
てか、バッククオートなんて単語初めて聞いたし😄

(正)            console.log('入力値は、「${this.memo}」 です。');
(誤)            console.log(`入力値は、「${this.memo}」 です。`);

VSCode上で確認すると、バッククオートの時はちゃんご$this.memoが変数として認識されて色が変わっており、シングルクオートの時は文字列として認識されてしまっている。

(正しいとき)

(間違っているとき)

ちなみにこのバッククオートのWindowsでの出し方が分からず調べたところ、
Shft+@だそうです。確かに~!(知るかっ!)
※参考)https://316-jp.com/keyboard-backquote


この記事が気に入ったらサポートをしてみませんか?