「ES6」テンプレート文字列に式を埋め込む

2014年7月11日2021年10月13日

構文
console.log(` ${式1} test
message ${式2}.`);

使用例

<script>
let x = 3;
let y = 4;
alert('通常の文字列の計算　値1: ' + (x + y) + ' \n値2 ' + (2 * x + y) );

alert(`テンプレートリテラル 値1: ${x + y}  
      値2: ${2 * x + y}`);
</script>

結果

通常の文字列の計算　値1:7
値2 10

テンプレートリテラル 値1:7
  値2 :10