[JavaScript] Tagged Literals로 문자열 위치 바꾸고 변수 제거하기

이 부분을 알면 조금 더 이해가 쉬움!

2023.01.31 - [JavaScript] - [JavaScript] 자바스크립트 Template literals로 변수 포함한 html append 쉽게하기

 

ES6에서 지원하는 문법(?) 중 하나, tagged literals

요걸 사용하면 문자열 사이에 있는 단어 순서를 바꾸거나 변수를 제거하기 쉽다

 

var name = 'sol';

function tagLiteral_test(text, var){
  console.log(text);
  console.log(var);
}

tagLiteral_test`이 블로그 작성자는 ${name} 입니다`;

 

사용 방법

1) 문자열 쪼개는 함수를 만들고 

2) 쪼갤 문자열을 함수에 `백틱`안에 넣어서 호출한다

 

첫번째 파라미터 text는 `백틱` 내 ${} 기호를 기준으로 모든 문자를 Array에 넣어준다

두번째 파라미터 val은 `백틱` 내의 ${} 변수를 담아준다

(백틱 내에 변수가 더 많으면 파라미터를 추가하면 됨)

 

 

 

아직 딱히 쓸 일은 없었지만 몬가 쓸 일이 생길수도..?