Template Literals

[raycon]

Template Literals

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

문법:

`string text`

`string text line 1
 string text line 2`

`string text ${expression} string text`

tag`string text ${expression} string text`

여러줄:

console.log(`string text line 1
string text line 2`);
// "string text line 1
// string text line 2"

표현식 삽입:

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

중첩:

const classes = `header ${ isLargeScreen() ? '' :
 `icon-${item.isCollapsed ? 'expander' : 'collapser'}` }`;

Tagged Tamplages 참고