[자바스크립트 ES6+ 기본] 8. 연산자, 기타

Trailing commas

• Object 끝에 콤마 사용

  • } 앞에 콤마 사용 가능

• 배열 끝에 콤마 사용

  • ] 앞에 콤마 사용 가능

const obj = {
  book: 100,
  point: 200,
};

const list = [100, 200,];

거듭제곱

• 좌결합성

  • 왼쪽에서 오른쪽으로 계산
  • 1 + 2 + 3은 (1 + 2) + 3으로 계산

• 우결합성

  • 오른쪽에서 왼쪽으로 계산
  • A B C에서 A (B C)로 계산

log(2 ** 3);
log(3 ** 2);
log(2 ** 3 ** 2);
log(2 ** (3 ** 2));
log((2 ** 3) ** 2);

// 8
// 9
// 512
// 512
// 64

try-catch

• try-catch의 catch(error)에서

  • catch처럼 (error) 생략 가능
  • ES2019

• (error)에서 메시지를 받아 사용하지 않을 때 편리

• 타이핑 실수 방지 가능

const sports = "스포츠";
try {
  sports = "축구";
} catch(error) {
  log("(error) 작성")
};
// catch만 작성
try {
  sports = "축구";
} catch {
  log("(error) 생략")
};

// (error) 작성
// (error) 생략

함수 작성 형태

• Object에 함수를 작성할 때
  • function 키워드 작성 안함

// getPoint()처럼 function 키워드 사용 안함
const sports = {
  point: 100,
  // ES5 형태
  getValue: function(){
    return this.point;
  },
  // ES6 형태
  getPoint(){
    return this.point;
  }
};
log(sports.getPoint());

// 100

• 참고: Object에 함수를 작성하는 이유
  • 함수에서 this로 Object 전체 참조
  • new 연산자로 인스턴스를 생성하지 않음. 메소드가 아닌 함수로 접근
  • Object 전체가 하나의 묶음. 접근성, 가독성이 좋음
  • sports에 시맨틱을 부여할 수 있으며 다른 오브젝트와 이름과 프로퍼티 이름이 충돌되지 않음