관리 메뉴

java,javascript,android,php,sql,공부용,메모용

템플릿 문자열 백틱 사용하기 `` / ES2015 & ES6 - 02 본문

javascript, jQuery & Node.js/Node.js 사용전 자바스크립트

템플릿 문자열 백틱 사용하기 `` / ES2015 & ES6 - 02

yy_dd2 2022. 4. 19. 04:25
반응형

자바스크립트에서 기존에 사용하는 문법

var num1 = 1;
var num2 = 2;
var result = 3;
var string1 = num1 + ' 더하기 ' + num2 + ' 는 \'' + result + '\'';
console.log(string1);	//1 더하기 2 는 '3'

에서 더 간편하게

const num3 = 1;
const num4 = 2;
const result2 = 3;
const string2 = `${num3} 더하기 ${num4}는 '${result2}'`;
console.log(string2); //1 더하기 2는 '3'

${변수} 형식으로 쓰기 때문에 기호 없이 문자열에 넣을 수 있어서 간편해짐

``안에 "" 큰따옴표나 ''작은따옴표 사용가능

반응형
Comments