Es 6文字列テンプレート接合


は日常開発に不可欠な一環である.
注意:文字列は単一引用符''、または""の二重引用符を使用することができます.分かりやすいため、文章の以下の内容は単一引用符''を統一的に使用します.
1つの文字列と1つの変数の接合だけであれば、伝統的な文字列の接合を使用すれば問題なく、+号と''号だけでいいです.しかし、複数の文字列が変数に接続されている場合、+号と''号が山積みになり、コードが美しくないことがあります.
従来の文字列接合
var name = 'moss';
var age = 18;
console.log('My name is ' + name + ' and I am ' + age + ' years old');
//     :My name is moss and I am 18 years old

Es 6のテンプレート文字列は以上の問題を解決した.
2つの逆一重引用符``で囲まれた文字列が文字列テンプレートであり、文字列テンプレートでは${}記号を使用して変数を参照することができます.(逆一重引用符`` Tabボタンの上)
Es 6のテンプレート文字列接合
var name = 'moss';
var age = 18;
console.log(`My name is ${name} and I am ${age} years old`);
//     :My name is moss and I am 18 years old

html文字列をつなぎ合わせると、``を使って見ることができます!
var html = `
`