본문 바로가기
javascript

백틱 tagged templates

by hjcode 2023. 5. 19.

tagged templates를 사용하면 함수의 인자를 구분지을 수 있습니다.

태그 함수의 첫번째 인자는 문자열 값의 배열이고 나머지는 인수 표현식과 관련됩니다.

 var person = 'Mike';
 var age = 28;

 function myTag(strings, personExp, ageExp) {
   /*
   strings: [
        "that ",
        " is a ",
        ""
	]
   */
   var str0 = strings[0];
   var str1 = strings[1];

   var str;
   ageExp > 99 ? str = 'centenarain' : str = 'youngster'
   
   return str0 + personExp + str1 + str;
 }


 var output = myTag `that ${ person } is a ${ age }`;
 // That Mike is a youngster.

 

myTag 함수를 myTag() 가 아니고 myTag`` 형식으로 호출을 합니다.

 

 

반응형

'javascript' 카테고리의 다른 글

Cookie Store API  (1) 2024.02.22
FE 클린코드  (0) 2023.08.29
memoize  (0) 2023.03.22
브라우저에서 '사이트에서 나가시겠습니까?' 표시하는 방법  (0) 2023.02.09
html2canvas CORS 우회하기  (0) 2022.12.11