[ES6 정리] 7. Shorthand Property(단축 속성명)

Shorthand Property를 사용하면 쓸데없이 반복되는 부분을 안쓸수 있다

const follow = checkFollow();
const alert = checkAlert();

const allSettings = {
  notifications: {
    // follow: follow
    follow,
    // alert: alert
    alert
  }
};

function checkFollow(){
  return true;
}
function checkAlert(){
  return false;
}

console.log({allSettings});

속성명을 한번 더 쓰는 불편함을 피할수 있게 JS는 자기가 알아서 이 속성은 저기에서 가져오는거겠구나~ 하고 알아서 가져온다. 위의 상황에서 follow 를 선언할 때 원래대로라면 follow: follow 라고 적어야하지만, 자바스크립트에서는 follow는 그 위쪽에 있는 follow에서 가져오는거겠구나~라고 판단하여 스스로 값을 가져온다. 다만 이 조건을 만족하기 위해서는 서로 변수명과 Key가 같아야한다. 그리고 변수명을 다르게 하고 싶으면 기존대로 사용하면 된다.