본문 바로가기
javascript

ES6 향상된 객체 리터럴

by hjcode 2019. 11. 24.

 

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(){ ... } 처럼 축약해서 만들 수 있습니다.

 

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

 

반응형

'javascript' 카테고리의 다른 글

Blob  (0) 2020.02.25
정렬  (0) 2020.01.30
filter() 함수  (0) 2019.11.01
map() 함수  (0) 2019.10.28
화살표 함수  (0) 2019.10.24