템플릿 문자열, 객체 리터럴

템플릿 문자열

var won = 1000;
var result = "이 과자는" + won + "원 입니다.";
// 이 과자는1000원 입니다.

//문자열 리터럴, 백틱으로 문자를 감싸면 된다
const result = `이 과자는 ${won}원 입니다.`; //템플릿 문자열, 백틱 문자열

function a() {}
a();
a``; //태그드 템플릿 메소드, 함수를 호출 할 수 있다 //최신 문법에 포함

• ES2015부터는 '(빽틱) 사용이 가능하다.
• ' 문자열 안에는 ${변수} 처럼 사용 가능하다
• 메서드명''으로 함수를 호출할 수 도 있다.

객체 리터럴

var sayNode = function(){
	console.log('Node');
}

var es = 'ES';
var oldObject = {
	sayJS: function(){
    	console.log('JS');
    },
    sayNode: sayNode,
};

oldObject[es + 6] = 'Fantastic';
oldObject.sayNode();
oldObject.sayJS();
console.log(oldObject.ES6);

• 속성 표현 방식에 주목하자
• 복잡하다... 간결한 게 중요한데 개발자가 할 일이 많아 진다.

const newObject = {
	sayJS() {
    	console.log('JS');
    },
    sayNode,
    [es + 6]: 'Fantastic',
};

newObject.sayNode();
newObject.sayJS();
console.log(newObject.ES6);

• 객체의 메서드에 :function을 붙이지 않아도 된다.
• {sayNode: sayNode}와 같은 것을 {sayNode}로 축약이 가능하다.
• [변수  + 값 ] 등으로 동적 속성명을 객체 속성명으로 사용 가능하다