[Deep JavaScript] ES6 - Template String

Dae-Hee·2021년 6월 11일
0

Deep JavaScript Study

목록 보기
4/12
post-thumbnail

[Deep JavaScript] ES6 - Template String

👉 Template literals

  • 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다.

  • 템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공합니다.

  • 런타임 시점에 일반 자바스크립트 문자열로 처리/변환됩니다.


👉 사용법

1. 문자열에 ', " 삽입 가능
   let obj = `A'B'C"D"`;
   console.log(obj);
   // result : A'B'C"D"


2. 문자열에 변수 삽입 가능
   let add = 'B';
   let text = `A${add}CD`;
   console.log(text);
   // result : ABCD


3. 연산자 응용
   let a = 2;
   let b = 26;
   let text = `제 나이는 ${a+b}살 입니다.`;
   console.log(text);
   // result : 제 나이는 28살 입니다.
   
--------------------------------------------------------------

0개의 댓글