본문 바로가기

FE/js

ES6 - 향상된 객체 리터럴


기존 객체 정의 방식


기존 객체 정의 방식은 다음과 같다. 

var dog = { 
   name : 'khan',
   bark : function() {
      console.log('멍멍');
   }
};    


축약 방식 (1)


객체를 정의할 때 속성과 값이 같으면 아래와 같이 축약 가능

var name = 'khan'; var dog = { // name : name name }; console.log(dog); // {name : 'khan'}


축약 방식 (2)


속성에 함수를 정의할 때 function 예약어 생략 가능

const dog = {
   bark() {
      console.log('멍멍');
   }
};
dog.bark(); // 멍멍


'FE > js' 카테고리의 다른 글