객체 리터럴 / ES2015 & ES6 - 03

var sayNode = function () {
    console.log('Node');
}
var es = 'ES';
var oldObject = {
    sayJS : function () {
        console.log('JS');
    },
    sayNode,
    [es + 6]: 'Fantastic',
};
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)

코드로 보면 oldObject와 newObject는 동일한 결과를 보여준다

객체 메서드에 함수를 연결 할 때 콜론(:)과 function을 쓰지 않아도 된다.

 

sayNode: sayNode 처럼 속성과 변수명이 동일하다면 한 번만 써도 된다

 

ES5에서는

{name : name, age: age}로 작성

ES2015에서는

{namd, age}로 작성

 

이전 문법에서는

ES6이라는 속성명을 만들 경우 객체 리터럴 밖에서 [es + 6]을 해야한다

ES2015에서는 객체 리터럴  안에서 속성을 선언하면 된다

(위 코드를 보면 newObject 안에 [es + 6]:'Fantastic'을 아래 console.log안에서 바로 사용되고있다

 

코드의 양을 많이 줄일 수 있는 문법이기에 익히고 가면 좋다