Javascript 탬플릿 리터럴(Template literals), 내장 표현식 허용

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.

여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있다.

 

템플릿 리터럴은 이중 따옴표 나 작은 따옴표 대신 백틱(` `) 을 이용하며, 중괄호를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.

중괄호 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜준다.

표현식 삽입법 (Expression interpolation)

표현식(expression)을 일반 문자열(normal strings)에 삽입할 경우에는 아래와 같은 코드를 작성하게 된다.

var a = 5;
var b = 10;
console.log("Fifteen is " + (a + b) + " and\nnot " + (2 * a + b) + ".");
// "Fifteen is 15 and
// not 20."

 

template literals을 이용하면,  더욱 읽기 쉽도록 다음과 같은 syntactic sugar를 활용할 수 있다.

 

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."