[ECMAScript 6]テンプレート変数

ES 6は、テンプレートテキストと呼ばれる新しい文字列マーキング方法を導入した.テンプレートライブラリには、複数行の文字列、挿入式、タグテンプレートなど、便利な文字列処理機能があります.
通常の文字列と似ているように見えますが、backtic `を使用します.

var template = `template literal`;
console.log(template);

複数行文字列

通常の文字列では改行は許されませんが、backticを使用するテンプレート文字では改行がサポートされています.

var str = `hello
world.`;

式の挿入

既存の場合、文字列演算子+を使用して文字列を接続します.+演算子は、1つ以上の演算子が文字列である場合に文字列接続演算子として、他の場合に加算演算子として機能する.

// ES6 이전
var first = 'James';
var last = 'Lee';
console.log('My name is ' + first + ' ' + last + '.');

// ES6
var first = 'James';
var last = 'Lee';
console.log(`My name is ${first}, ${last}.`);

文字列交差(ES 6:String Interpolation)は、${ ... }式を囲む.文字列交差セット内の式は、強制的に文字列タイプに変換されます.

console.log(`1 + 1 = ${1 + 1}`); // "1 + 1 = 2"

参考資料:https://poiemaweb.com/es6-template-literals