기반을 다지자 ES6

템플릿 리터럴

Jungsoomin :) 2020. 10. 1. 18:24

템플릿 리터럴은 ` 백틱을 사용하고 값을 ${} 로 가져온다.

 

말그대로 자바스크립트 내부 엔진이 이해할 수 있도록 표현식을 쓰는 것이다.

 

SpEl 에서는 ${}프로퍼티식. 이라고 하는데 오직 SpEl 만의 것이 아니기에 자바스크립트에는 어떻게 말하는지 사실.. 모르겠다.

 

 

  • 프로퍼티 식에는 연산(표현식) , 프러퍼티 값, 메서드 이 올 수 있다.
  • 삼항 연산자흐름 분기가 가능하다.
  • 문장에 따라 이스케이프 문자를 해석한다.
const name = "soomin";

console.log("안녕 내이름은 "+name+"이야.");

console.log(`안녕 내이름은 ${name} 이야`);
// 자바스크립트 표현식으로 문자열 연산을 내부적으로 처리한 모습

console.log("총 금액은 "+(10+5)+ "입니다");

console.log(`총금액은 ${10+5} 입니다`);

let homework = true;

console.log(`아 숙제 ${homework ? '다했다' : '아직 다 못했다.'}`);

 

 

 

 

 

 

'기반을 다지자 ES6' 카테고리의 다른 글

배열의 정체와 길이  (0) 2020.10.01
화살표 함수  (0) 2020.10.01
Let, Const  (0) 2020.10.01
CallBack  (0) 2020.10.01
input 태그 조작  (0) 2020.10.01