ECMAScript (ES6) Object(객체)의 변화

ES6에서 자바스크립트의 객체가 변경되었다는데 

자바스크립트에 대해 공부하고있는데 차근차근 자바스크립트 변화에 대해서도 살펴보려합니다!

 

 

변화 전 코드 

var sayYeah = function() {
  alert('Yeah');
};
var a = 1;
var b = 'Wow';
var object = {
  sayHello: function() {
    alert('hello');
  },
  sayYeah: sayYeah
};
object[a + 3] = 'four';
object['say' + b] = function() {
  alert('Wow');
};

이름 : function(매개변수){내용}

 

참초하는 변수의 이름과 속성의 이름이 같은 경우 {이름: 이름} 두번씩 씀 

 

변화 후 코드 

const a = 1;
const b = 'Wow';
const sayYeah = () => {
  alert('Yeah'); 
};
const object2 = {
  sayHello() {
    alert('hello');
  },
  sayYeah,
  [a + 3]: 'four', // 4: 'four'
  ['say' + b]() {
    alert('Wow');
  }  // sayWow() { alert('Wow') }
};

간결하게 사용하기 위해 

이름(매개변수){내용} 이런식으로 function을 제거! 

-> 하지만 이렇게 줄여쓴 메소드는 생성자로 사용할 수없습니당... new 사용이 불가 

 

참조하는 변수의 이름과 속성의 이름이 같은 경우에도 {이름} 한번만 사용할 수 있게 가능해졌습니다. 

 

 

 

 

이처럼 사용자가 간결하게 사용할 수있게 코드가 바뀌었습니다

다음 포스트는 함수의 변화로 돌아오겠습니다!