Template Literal(문자열 리터럴)
1232 단어 JavaScriptJavaScript
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를 참고해서 작성하였습니다!
Author And Source
이 문제에 관하여(Template Literal(문자열 리터럴)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@go286/Template-Literal문자열-리터럴저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)