반응형
템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있다.
템플릿 리터럴은 이중 따옴표 나 작은 따옴표 대신 백틱(` `) 을 이용하며, 중괄호를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
중괄호 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜준다.
표현식 삽입법 (Expression interpolation)
표현식(expression)을 일반 문자열(normal strings)에 삽입할 경우에는 아래와 같은 코드를 작성하게 된다.
var a = 5;
var b = 10;
console.log("Fifteen is " + (a + b) + " and\nnot " + (2 * a + b) + ".");
// "Fifteen is 15 and
// not 20."
template literals을 이용하면, 더욱 읽기 쉽도록 다음과 같은 syntactic sugar를 활용할 수 있다.
var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."
반응형
'Code > JavaScript' 카테고리의 다른 글
Javascript 배열의 타입, Array.isArray(), 배열의 시각화 (0) | 2020.09.20 |
---|---|
Javascript 배열 (Array)의 기본 개념, 인덱스(index)와 메소드(method) (0) | 2020.09.20 |
Javascript 스트링 메소드(String Method)와 문자열 기본 사용법 (0) | 2020.09.13 |
Javascript 조건문 if, 비교 연산자, 논리 연산자 (0) | 2020.09.13 |
Javascript 타입(type)에 따른 작동 방식의 차이 // String(), Number() (0) | 2020.09.13 |