[JavaScript] 임시 변수 제거하기

임시 변수를 제거 해야하는 이유

- 명령형으로 가득한 로직.

- 디버깅이 힘듭니다.

- 임시 변수를 조작하고 추가적인 코드를 작성하고 싶은 유혹을 받을 수 있습니다.

- 유지 보수가 힘듭니다.

 

해결책

- 함수 나누기

- 바로 return

- 고차함수(map, filter, reduce 등)

- 선언형 코드

 

function getElements() {
  const result = {}; // 임시 객체
    
  result.title = document.querySelector('.title')
  result.text = document.querySelector('.text')
  result.value = document.querySelector('.value')
    
  return result
}

 

 

임시 변수를 제거하게 되면 조작이 최소화되고 바로 return 함으로써 코드가 명확해집니다.

function getElements() {
  return {
    title = document.querySelector('.title'),
    text = document.querySelector('.text'),
    value = document.querySelector('.value'),
  }
}