literals

template literals란 문자열인데 문자열을 다르게 제작할 수 있는 방법을 뜻한다.

var 문자 = `손흥민`;//backtick을 이용함

// 1.엔터키가능
// 2.중간중간 변수 넣기 쉬움 문자 중간에 ${변수} 이렇게 가능

이렇게 일반적으로 ''에 문자를 넣는게 아니라 `` backtick에 문자를 넣을 수 있다.

길어질때 엔터키를 써서 구분할 수 있고, 중간에 ${변수} 이렇게 써서 변수를 넣을 수 있다.

 

tagged literal에 대해 알아보자.

//tagged literals
var 변수 = '손흥민';

function 해체분석기(문자들, 변수들){
	console.log(문자들);
	console.log(변수들);
}

해체분석기`안녕하세요 ${변수} 입니다`; 
//이렇게 함수 뒤에 문자열을 붙여주는데
//백틱으로 적힌 문자를 해체분석할 수 있음

먼저, 해체분석할 함수를 만들고, 뒤에 파라미터를 두개 넣어준다.

첫번째 파라미턴 문자들을 Array에 넣어준다.

두번째 파라미턴 변수들을 다 모아준다. (변수가 여러개면 세번째 파라미터로 변수들2라고 적어주면 된다.)

${}양 옆 문자들을 어레이화 시키는 원리이다.

이제, 순서변경을 이용해보자. 안녕하세요와 입니다의 위치를 바꾸려면

var 변수 = '손흥민';

function 해체분석기(문자들, 변수들){
	console.log(문자들[1] + 변수들 + 문자들[0]);
}

해체분석기`안녕하세요 ${변수} 입니다`;

이렇게 순서를 바꿔서 써주면

순서를 바꿀 수 있다.