Template Literal(문자열 리터럴)

열심히하시는개발자·2020년 11월 25일
0

1. 문자열 리터럴?

이중 따옴표나 작은 따옴표 대신 백틱(``)을 사용하고 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, $ 와 중괄호(${expression})로 표기할 수 있다. 플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달되고 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 준다.

1-1)Multi-line strings

console.log("스트링 text line 1\n" +
            "스트링 text line 2");
            
            
console.log(`스트링 text line 1
             스트링 text line 2`);

첫번째 console.log는 일반 string을 사용하여 newline을 나타낸 것 이고 두번째 console.log는 문자열 리터럴을 사용하여 코드를 작성하였다.

1-2) 표현식 삽입법

var x = 7;
var y = 20;
console.log(" I am " + (x + y) + " years old ");

console.log(` I am ${x + y} years old `);

마찬가지로 첫번째 console.log는 표현식을 일반 문자열에 삽입한 것이고, 두번째 console.log는 문자열 리터럴을 통해 코드를 작성하였다. 확실히 문자열 리터럴을 사용하여 코드를 작성하면 가독성이 좋고 쉽게 파악할 수 있다.

참고<<<<MDN web docs를 참고해서 작성하였습니다!

0개의 댓글