템플릿 리터럴

개발 log·2021년 9월 7일
0

JS 지식

목록 보기
8/36
post-thumbnail
post-custom-banner

ES6부터 템플릿 리터럴이라고 하는 새로운 문자열 표기법이 도입됨

  • 멀티라인 문자열
  • 표현식 삽입
  • 테그드 템플릿

위와 같은 편리한 문자열 처리 기능을 제공함

템플릿 리터럴은 런타임에 일반 문자열로 변환되어 처리됨

멀티라인 문자열

일반 문자열 내에서는 줄바꿈이 허용되지 않음

var str = 'Hello
world' ;
// SyntaxError: Invalid or unexpected token

하지만 일반 문자열과 달리 템플릿 리터럴 내에서는 이스케이프 시퀀스(\n...)를 사용하지 않고도 줄바꿈이 허용되고, 모든 공백도 적용됨

var template = `<ul>
  <li><a href="#">Home</a></li>
</ul>`;

표현식 삽입

console.log(`1 + 2 = ${1 + 2}`); // 1 + 2 = 3
profile
프론트엔드 개발자

0개의 댓글