ES2015 - 객체

새로운 객체 선언 예시.

  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') }
  };

1. 메소드 선언 간략화

  • function 생략 가능.
  • 참조하는 변수의 이름과 속성의 이름이 같은 경우 (위에서 sayYeah) { 이름: 이름 } 대신 { 이름 } 한 번 만 써도 되도록 변경
    ex)
    { data: data, result: result, object: object }  => { data, result, object }
    

    2. 동적 속성 생성

  • 속성의 이름에 변수의 값이 사용가능. ex)
          [a + 3]: 'four', // 4: 'four'
          ['say' + b]() {
            alert('Wow');
          }  /
    

Comments