javascript - template literals (python의 formatting 기능)

javascript - template literals (python의 formatting 기능)

 

*1 template literals는 제목에서 알 수 있다시피 python의 formatting 기능과 같은 원리라고 보면 된다.

*2 핵심은 백틱 `과 ${}라고 보면 된다. (백틱버튼은 탭키 바로 위에 있다. 이유는 모르겠으나 ₩이게 표시될때도 있어서 당황스럽긴하다

-당황스러워서 찾아봤더니 ‘한글타자’인 상태는 ₩이 나오고 ‘영문타자’인 상태는`로 나온다.)

 

#1 진행 예시

 

let product = 'Artichoke';

let price = 2.25;

let qty = 5;

 

#1-1

*위의 설정해준 변수들을 토대로 출력문을 작성하고자 할때 

'You bought product name is ' + product + 'and total price is '+price *qty; 

이렇게 해야

 

'You bought product name is Artichokeand total price is 11.25'

이런 출력문이 나올 것이다.

이를 보다 간편하게 하기위해

 

`You bought product name is ${product} and total price is ${price * qty}`;

 

#1-2

*정말 흥미로운 기능이 있어서 소개해보고자 한다.

이전에 배웠던 것의 연속선상이긴 한데

 

`i love you ${product.toUpperCase()}`

 

이런식으로 하면

i love you ARTICHOKE

이렇게 출력된다.

기능의 확장성을 생각할 수 있는것은 정말 소중한 것 같다.