[JS] 구조 분해 할당을 이용한 변수 초기화

[JS] Airbnb 스타일 가이드 1 - 8.

특정한 객체 프로퍼티를 변수에 할당하고자 하는 경우, 나는 습관적으로 다음과 같이 작성하곤 했다.

let obj = {
  title: 'ingnoh',
  description: 'code monkey',
}

// 중략...

let title = obj.title;
let description = obj.description;

console.log(title, description);
/* 실행 결과
ingnoh code monkey
*/

예를 들어 ajax 등을 통해 반환받은 객체로부터 필요한 정보를 변수에 할당하는 경우, 항상 위와 같은 형식으로 변수를 초기화했다.

이러한 초기화 방식은 Airbnb Style Guide의 구조 분해 할당의 내용에 따라 다음과 같이 바꾸어볼 수 있다.

let { title, description } = obj;
console.log(title, description);

/* 실행 결과
ingnoh code monkey
*/

변수 명을 객체 프로퍼티 명과 달리하고자 한다면 다음과 같다.

let { title:a, description: b } = obj;
console.log(a, b);

열심히 가이드 공부해놓고 적용은 안하다가, 정작 WS이 알려줘서 기억이 난 내용.

+@ : 이제는 이런 코드의 의미도 이해할 수 있을 듯!

const { spawn } = require('child_process');