[Javascript] 단축 프로퍼티 (Javascript 제대로 알고 쓰자) - 4

이번에는 다른 소스를 보다가 어? 이게 이렇게 된다고? 하며 알게되었던 단축 프로퍼티에 대해 알아보고자 한다.

단축 프로퍼티

우리는 흔히 이런식의 코드를 자주 짜고는 한다.

function createOrder(order_id, product_name) {
  ...
  return {
    order_id: order_id,
    product_name: product_name
  }
}
console.log(createOrder(1234, '원피스')) // { order_id: 1234, product_name: '원피스' }

위처럼 이름과 값이 변수의 이름과 동일한 경우에는 아래와 같이 해도 동일한 결과값이 나온다.

function createOrder(order_id, product_name) {
  ...
  return {
    order_id,
    product_name
  }
}
console.log(createOrder(1234, '원피스')) // { order_id: 1234, product_name: '원피스' }

한 객체에서 일반 프로퍼티와 단축 프로퍼티의 혼용도 가능하다.

function createOrder(order_id, product_name) {
  ...
  return {
    order_id,
    product_name: '패딩'
  }
}
console.log(createOrder(1234)) // { order_id: 1234, product_name: '패딩' }