[JS] ES6 - 향상된 객체 리터럴

향상된 객체 리터럴

향상된 객체 리터럴은 기존 자바스크립트에서 사용하던 객체 정의 방식을 개선한 문법입니다.

기존 자바스크립트의 객체 정의 방식

var obj = {
   // 속성: 값
   city: 'seoul',
   func: function() {
     console.log('Hello');
   }
};

축약 문법

객체 정의 시에 속성과 값이 같이 있으면 축약이 가능합니다.

var city = 'seoul';
var obj = {
   // city: city,
   city
}
console.log(obj); // { city: 'seoul' }

객체를 정의할 때 객체 속성에 함수를 연결하여 사용하는 경우

var obj = {
   // 속성: 함수
   func: function() {
       console.log('Hello'); 
   }
};
obj.func(); // Hello

위와 같이 기존 함수 정의를 축약한다면 아래와 같이 할수 있습니다.

var obj = {
   func() {
      console.log('Hello'); 
   }
};
obj.func(); // Hello