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 |