Rename Variable

Rename Variable, 변수 이름 바꾸기를 알아보자.

요약

코드

let a = height * width;

let area = height * width;

배경

• 명확한 프로그래밍의 핵심은 이름 짓기다.
• 함수 호출 한번으로 끝나지 않는 필드라면 이름에 더 신경써야 한다.

절차

1. 폭 넓게 쓰이는 변수라면 변수 캡슐화하기를 적용한다.
2. 이름을 바꿀 변수를 참조하는 곳을 모두 찾아서 “하나”씩 변경한다.
   • 변경할 때마다 테스트
3. 테스트한다.

따라하기

let tpHd = "untitled";
 
result += `<h1>${tpHd}</h1>`; // 읽기
tpHd = obj["articleTitle"]; // 수정

• 위와 같은 상황에서 먼저 변수 캡슐화하기를 사용하자.

result += `<h1>${title()}</h1>`; // 읽기
setTitle(obj["articleTitle"]); // 수정
 
function title() {
    return tpHd;
}
 
function setTitle(arg) {
    tpHd = arg;
}

• 그 다음, 이름을 바꾸자.

let _title = "untitled";
 
function title() {
    return _title;
}
 
function setTitle(arg) {
    _title = arg;
}

• 이 다음에 래핑함수를 인라인하는 방법도 있을 것이다.
• 즉, 호출하는 모든 곳에 함수의 내용을 넣어, 직접 변수에 접근토록하는 것이다.
  • 굳이 저자가 이말을 하는 이유는 “이름 바꾸기”가 이 챕터의 내용이기 때문
• 하지만 이름을 바꾸는 목적이더라도 위 상태에서 두는게 더 좋다.

예시: 상수 이름 바꾸기

const cpyNm = "애크미 구스베리";

• 위와 같은 상수가 있다고 하자.
• 이런 경우 캡슐화하지 않고 점진적으로 바꿀 수 있다.

const companyName = "애크미 구스베리";
const cpyNm = companyName;

• 이런 식으로 해두고, 복제본 이름으로 다 바꾸자. (companyName)

Reference

• Refactoring
• github
• martin-fowler-refactoring-2nd