본문 바로가기
Javascript

[javascript] - Templete Literal

by 홍두두현 2023. 1. 16.
반응형

es6에서 문자열을 조합할 때 좀 더 편리하게 사용할 수 있는 문법

파라미터로 이름을 띄워주는 함수가 있고 console에 문자열을 조합하기 위해 +도 그렇고 ""도 여러번 사용을 해서 작업해야 한다. (예시 1)
하지만 ES6의 Templete Literal을 사용하여 구현해보면 좀 더 간결하게 ${}를 사용하여 조합할 수 있다.

  • 예시 1
function hello(name) {
  console.log("Hello," + name + "!");
}
hello("Duhyeon");
// Hello, Duhyeon!
  • ES6 예시 2
function hello(name) {
  console.log(`Hello, ${name}!`);
}
hello('Duhyeon');
// Hello, Duhyeon!
반응형

댓글