ES6 문법 - 템플릿 연산자

dev.jhjhj·2021년 6월 2일
0

ES6 문법 액기스

목록 보기
1/3

템플릿 연산자

기존의 병합 연산자에서 문자를 연결하였다. 이를 해결하기 위해 ``() 연산자를 활용하면 된다.

// 1. 
var string1 = '안녕하세요';
var string2 = '반갑습니다.';
var greeting = string1 + ' ' + string2;
var greeting = `${string1}  ${string2}`;
console.log(greeting);
console.log(greeting2);


// 2.
var product = {name : '도서', price : '42000원'};
var msg = '제품 ' + product.name + '가격은 ' +  product.price + '입니다.';
var msg2 = `제품 ${product.name} 가격은 ${product.price}`;
console.log(msg);
console.log(msg2);


//3.
var value1 = 1;
var value2 = 2;
var operator1 = '곱셈값은 ' +(value1 * value2) + '입니다.';
var operator2 = `곱셈값은 ' +${value1 * value2} + '입니다.`;

console.log(operator1);
console.log(operator2);



// 3.
var multiline='문자열1\n문자열2';
var multiline2=`문자열1


문자열2`

console.log(multiline1);
console.log(multiline2);

profile
어제보다 더 나은

0개의 댓글

관련 채용 정보