Template literals(``) & Tagged literal

Ming·2023년 7월 23일

JavaScript

목록 보기
11/15

Template literals

👀 문자열을 다르게 표현할 수 있는 방법
Template literals = backquote()을 사용('',""와는 다르다!)

Template literals
1. 문자열 내에 enter 가능하다
2. 문자열 중간에 변수 넣기가 쉽다 -> 문자 문자 ${변수} 문자
3. 자바스크립트에서 HTML 작성시 유용하다(enter 가능)


함수에서 backquote를 사용해서 문자를 해체하려면...!

Tagged literal
1. 첫번째 파라미터는 ${변수} 양 옆 문자들을 array로 만들어줌
2. 두번째 파라미터는 ${변수} 중 첫번째 변수를 담음
3. 함수명()가 아닌 backquote으로 함수 실행 가능!

예시

const I = 'Ming';
const thank = '감사합니다!'

function literal(string,Variable1,Variable2){
	console.log(string) //  ['안녕하세요 ', '의 벨로그에 방문해주셔서 ', ' 화이팅!']
	console.log(Variable1) // Ming
	console.log(Variable2); // 감사합니다!
}

literal`안녕하세요 ${I}의 벨로그에 방문해주셔서 ${thank} 화이팅!`

0개의 댓글