Template Literals

여러가지 javascript가 있지만 Template Literals 이번에 새로 나온 ES6문법이라해서
공부를 더 깊게해봤다.

Template literals란?

Template literals:
내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전버전 ES2015사양 명세에서는 "template Strings"템플릿 문자열이라고 불려 왔습니다.

사용방법 : ``안에 문자열을 그대로 쓰고 변수(혹은 함수)를 사용할 때는 ${변수명/함수}으류 사용하면 됨

ex)예제

function favoriteFood(foods){
// Template literal을 사용해 보세요.
let result = 제가 좋아하는 음식은 ${foods}입니다.;
return result;
}

let arr = ['자장면, 치킨, 피자'];
console.log(favoriteFood(arr));

줄 바꿈도 가능하다, 기존 자바스크립트는 \n을 사용했었다

console.log("string text line 1\n"+
"string text line 2");
// "string text line 1
// string text line 2"

하지만 Template Literals 를 이용하면

console.log(string text line 1 string text line 2);
// "string text line 1
// string text line 2"

이렇게 쉽게 이용할 수 있다.