[Javascript] Template String

 

 

기존의 javascript에서는 문자열을 결합할 때 + 기호 등을 사용하여 연결했다.

es6부터는 template string을 통해 한 문자열 내에서  변수와 상수 기존의 데이터를 통합해서 표현할 수 있다.

기존에 let str = 'node.js'; 라는 변수를 선언하고 여기에 문자를 결합하기 위해서는 아래와 같은 방식으로 문자열을 연결했다.

 

str += '올인원 패키지'; + '기존 방법'

 

template String을 사용하면 아래와 같이 작성할 수 있다.

 

예시 소스

'use strict'

const details = '자세한 내용'
let str = 'node.js';
str += ` 올인원 패키지 ${details}`
console.log(str)

const int = 1;
let str2 = 'node.js';
str2 += `${str}의 값은 ${int}`;
console.log(str2);

또한 함수에도 해당 문자열을 바로 전달할 수 있다.

console.log`입력`