블로그

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

Code › JavaScript · 2018-12-30 · 공개

- 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)`;

//============
* 태그드 템플릿(Tagged templates)
    - 템플릿 리더럴을 함수로 만들수 있음
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals#Tagged_templates

//===================
//참고
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals

알림