템플릿 리터럴 Template Literal과 조건문 함수

 

 

리액트에서 컴포넌트화시키듯 jQuery에서도 템플릿 리터럴을 활용해볼수있다.

 

 

 

 

 

 

{템플릿 리터럴을 활용한 간단한 예제}

 

let price = 8.99,
    tax = 0.1;

var netPrice = `Net Price:$${(price * (1 + tax)).toFixed(2)}`;

console.log(netPrice); // netPrice:$9.89

 

 

 

---

 

 

만약 템플릿 리터럴에서 함수를 쓰고 싶다면 아래와 같이 myFunction안에서 변수 fixTitle을 선언, title: function()안에서 조건문으로 두가지 다른 값을 return 해줄 수 있다. 

 

 

 

 

결과

• title >= 7자가 넘어갈 시, 문자를 7자리수까지 표현해주고 나머지는 '...'로 처리
• title <= 7일 경우, 그대로 반환