Vanilla JS - 객체 리터럴

var obj = {
    a: 1,
    b: 2
};

위 와 같이 사용하는것을 객체 리터럴이라고 한다.

ES2015 이후로는 객체리터럴이 좀더 사용하기 편리하도록 변경되었다.

var sayLog = function(){
    console.log('Log')
};
var es = 'ES';
​
var oldObject = {
    sayHello : function(){
        console.log('Hello')
    },
    sayLog : sayLog
};
​
oldObject[es + 6] = 'Fantastic';

const newObject = {
    sayHello(){
        console.log('hello');
    },
    sayLog,
    [es + 6] : 'Fantastic'
};

• sayHello : function(){} 을 sayHello() 로 표시가능함

• 키랑 값이 같은경우 { data: data, hello: hello } 를 { data, hello } 로 표시가능

• 동적 속성 할당을 리터럴 안에 표현 가능 { [변수]:값 }