ES6(テンプレート文字列)

はじめに

　バッククオート（shift+@）で文字列を囲むと、${}の波括弧内に変数展開ができます。従来の文字列での構文より簡潔かつ明確に記述できます。

//旧
const name = "Itathi";
console.log('My name is ' + name); //My name is Itathi

//新
const name = "Itathi";
console.log(`My name is ${name}`); //My name is Itathi

関数の返り値も変数展開可能

　波括弧内で関数宣言することで変数展開できます。

function ff() {
  return "Sasuke";
}
console.log(`My name is ${ff()}`); //My name is Sasuke

テンプレート文字列の利用で改行も反映できる。

const name = "Obito";
console.log(`My
name
is
${name}`);//console上にも改行込で展開されます。

ちなみに従来の文字列での構文では、空白は可能ですが改行しようとするとエラーが出ます。