JavaScript - ES6 객체의 프로퍼티 단축

ES6 에서 제공되는 객체 추가 문법

객체의 프로퍼티를 단축해서 사용

소스

var id = "hong",
  name = "홍길동",
  age = 33;

var member1 = {
  id: id,
  name: name,
  age: age
};

console.log(member1);

// 변수의 입력된 값을 객체에 설정할 때 변수의 이름을 프로퍼티 명으로 설정하는 상황
// ES6에서 추가
var member2 = {
  id, // id라는 이름으로 프로퍼티명을 설정
  name,
  age,
  info: function() {
    console.log("info");
  }
};

console.log(member2);

// 함수를 객체에 추가할때, ES6부터
var member3 = {
  id, // id라는 이름으로 프로퍼티명을 설정
  name,
  age,
  info() {
    console.log("info");
  } // ': function' 키워드를 뺌
};

console.log(member3);

결과

{ id: 'hong', name: '홍길동', age: 33 }
{ id: 'hong', name: '홍길동', age: 33, info: [Function: info] }
{ id: 'hong', name: '홍길동', age: 33, info: [Function: info] }