템플릿 리터럴이란 자바스크립트에서 문자열을 입력하는 방식입니다. 기존에는 " 과 '을 사용하였지만 백틱을 이용하며, 플레이스 홀더를 이용하여 표현식을 넣을 수 있습니다. 표현식의 경우 (${expression}) 로 표기합니다.
var a = 5;
var b = 10;
console.log("Fifteen is " + (a + b) + " and\nnot " + (2 * a + b) + ".");
// "Fifteen is 15 and
// not 20."위는 기존의 표현식이며 아래는 팀플릿 리터럴을 이용한 표현방식입니다.
var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."기존의 문자열 선언 방식은 자동으로 개행이 되지않아 \n 를 개행해주기 위해 중간중간 추가해주어야 했습니다.
console.log("string text line 1\n"+
"string text line 2");
// "string text line 1
// string text line 2"하지만 백틱을 이용한 템플릿 리터럴의 경우는 개행을 해줄 필요가 없습니다.
console.log(`string text line 1
string text line 2`);
// "string text line 1
// string text line 2"