Template Literals

표현법

`Hello World!`

템플릿 리터럴은 따옴표 대신 백틱(`)을 이용한다. 템플릿 리터럴을 사용하면 플레이스 홀더를 이용한 표현식을 넣어서 보다 문자열을 편리하게 표현할수있다. 플레이스 홀더는 ${표현식}로 표현하는 방식을 말한다.

멀티라인

console.log("string text line1\n"+
            "string text line2");

아래 코드는 위의 코드를 template literal을 사용해서 작성한 코드이다.

console.log(`string text line1
string text line2`);

가독성

template literal의 사용은 편리한 코드 작성을 도와줄뿐 아니라 가독성을 높여주는 역할도 한다.

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

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

두개의 소스코드는 같은 결과를 출력한다. 하지만 아래의 코드가 이해하기 편하고 직관적이라는 것을 알 수 있다.