JavaScript

템플릿 문자열

동띠기 2020. 8. 25. 00:40
728x90

아래 코드를 살펴보자

 

let year = 2020;
let month = 8;
let day = 25;

console.log('오늘은 ' + year + '년 ' + month + '월 ' + day + '일 입니다.');

단순히 변수에 담긴 년 / 월 / 일을 호출 하는 함수이다. 

이렇게 사용하여도 큰 지장은 없으나 템플릿 문자열을 사용한다면 더 쉽고 간편하게 표현할 수 있다.

템플릿은 `` (그레이브, 키보드 1 옆에 문자) 안에 담고 나머지는 $사인과 중괄호 안에 담으면 된다.

console.log(`오늘은 ${year}년 ${month}월 ${day}일 입니다.`);

+ 기호도 생략되고 눈으로봐도 이해하기 쉬운 코드가 나온다.

그리고 또한 함수도 호출 할 수 있다.

 

let number = 3;

function gop(x){
    return x * 2;
}

console.log(`${number}의 두 배는 ${gop(number)}입니다.`);

정말 유용한 부분인 듯 하다.

728x90

'JavaScript' 카테고리의 다른 글

피보나치 수열 - JS풀이  (0) 2020.08.26
null 과 undefined 의 차이  (0) 2020.08.25
Javascript 내장객체  (0) 2020.03.27
[Do it] Javascript 반복문 ( 구구단 출력 )  (2) 2020.03.26
[Do it] Javascript 도전 미션 - 2  (0) 2020.03.25