[JavaScript] 템플릿 리터럴 (Template Literal)

Code/JavaScript

codens 2018. 12. 30. 23:33

- ECMAScript 2015 (ES6)

따옴표 대신 백틱(backtick, grave accent) ( ` ) 사용

//=========
* 줄바꿈, 빈칸
    \n (줄바꿈 문자도 인정)
    실제 줄바꿈과 빈칸 갯수가 그대로 표현됨
    줄바꿈된 줄 붙혀서 출력 = \

tl = `123\n456
789 123 \
456
`;

//=========
* 주석 (꼼수)
${ /* 주석:... */'' }

//=========
* 중간에 표현식 사용 가능 (플레이스 홀더 ${} )
tl = ` 1 + 2 = ${1+2},
3 + 4 = ${sum(3,4)} ${ /* 주석:함수도 사용가능 */'' }
`;

//=========
* 중첩 사용 가능
tl = ` 1 \
${ `+2 =${1+2}`} \
(answer)`;