javascript

ES6 향상된 객체 리터럴

hjcode 2019. 11. 24. 21:05

 

var test = {

   word: 10,
   // ES5
   look: function(){
   	console.log('ES5')
   },
   // ES6
   look(){
   	console.log('ES6')
   },
   // ES5
   image: image,
   // ES6
   image
   
}


 

 

기존에 객체에 함수를 만들때 look: function(){ ... } 와 같이 만들었지만,

ES6에서는 function 을 생략하고 look(){ ... } 처럼 축약해서 만들 수 있습니다.

 

또, 객체에서 속성과 값이 같으면 한개는 생략하고 사용할 수 있습니다.

 

반응형