본문으로 바로가기

Tagged templates

category JavaScript 2021. 1. 23. 12:25

Tagged templates

Tagged templates이란 template literals에서 발전된 형태인데

태그 함수 라는 것을 사용해서 템플릿 리터럴을 파싱하는 것이 가능하다

태그 함수의 첫번째 인자는 문자열 값의 배열을 받고 나머지 인수는 표현식을 차례대로 받아온다

function myTag(strings, first, second){
    console.log(strings); // ["일", "이", "삼", raw: Array(3)]
    console.log(first);    // 1
    console.log(second); // 2
}
myTag`일${1}이${2}삼`;

위에서 말한대로 첫번째 파라미터인 strings는 파싱된 문자열을 배열로 받고

나머지 파라미터는 차례대로 표현식인 (first : 1) 과 (second : 2)를 받아와서 출력하고 있다

'JavaScript' 카테고리의 다른 글

Vanilla JS로 MVC 패턴 구현하기 1  (0) 2021.03.04
async/await  (0) 2021.02.07
다차원 배열 생성시 주의점  (0) 2021.01.21
자바스크립트의 유니코드  (0) 2021.01.13
논리 연산자  (0) 2020.12.24