Javascriptでも変数展開したい人生だった

Javascriptで変数展開、いわゆる文字列の中に変数を記述する記法は一応ある。

方法

ダブルクォーテーションの代わりにバッククォートで文字列を囲み、その中で展開したい変数を${}で囲むだけ

val = 'hello'
`${val} world !`

> "hello world !"

正式名称はテンプレートリテラルというらしい。

developer.mozilla.org

だがしかし

この記述が出たのがつい最近。なので例によってIEとかいうオワコンブラウザにはIE11ですら対応していない。IE11ですら対応していない。

大事なことなの（略

以下のURLからブラウザの対応状況が確認できる。

https://caniuse.com/#feat=template-literalscaniuse.com

https://kangax.github.io/compat-table/es6/#test-template_literalskangax.github.io

ちなみに古のCoffeeScriptでは変数展開できたらしい

val = 'hello'
"#{val} world !"

お、おうって感じ