ES6 템플릿 문자열 (template string)

ES6 템플릿 문자열 (template string)
ES6 템플릿 문자열 (template string)

템플릿 문자열(Template String)은 문자열을 생성하는 새롭게 도입된 리터럴이다. 문자열을 설정하기 위해 따옴표(`)를 사용한다. 기존에는 변수를 문자열 안에 삽입하기 위해 따옴표 사이에 그 변수를 넣어 합치는 작업이 필요했는데, 템플릿 문자열을 이용하면 이를 간단하게 만들 수 있다.

기존

var a = 10;
var b = 20;
var str = a+' 더하기'+b+'은'+(a+b)+'이다';
console.log(str) // 10 더하기 20은 30이다

변수를 $[표현식] 형태로 역따옴표 안에 넣을 수 있고, 이는 함수로 전달되어 일반 문자열로 치환된다.

템플릿 문자열

let a = 10;
let b = 20;
let str = `${a} 더하기 ${b}은 ${a+b} 이다`;
console.log(str) // 10 더하기 20은 30이다

그리고 여러 줄에 걸친 텍스트를 표현하는데도 템플릿 문자열을 활용한다. ES5에서는 개행문자인 \n으로 줄바꿈을 했었다면, 템플릿 문자열은 이를 직관적으로 바꿔준다.

console.log(`a
b
c`);

// 출력
a
b
c

답글 남기기

이메일 주소를 발행하지 않을 것입니다.