✏️6.7 변수 이름 바꾸기 (Rename Variable)

let a = height * width;

리팩터링 후

let area = height * width;

🧷 배경

명확한 프로그래밍의 핵심은 이름짓기다. 변수는 프로그래머가 하려는 일에 관해 많은 것을 설명해준다. 이름의 중요성은 사용 범위에 영향을 많이 받는다. 저자는 타입을 드러내는 문자를 붙이는 스타일을 선호한다. (ex. aCustomer)

🧷 절차

1. 폭넓게 쓰이는 변수라면 변수 캡슐화하기를 고려한다.

2. 이름을 바꿀 변수를 참조하는 곳을 모두 찾아서, 하나씩 변경한다. (하나씩 바꿀 때마나 테스트한다.)

3. 테스트한다.

🧷 예시

let tpHd = "untitled";

• 변수를 읽기만 하는 곳

result += `<h1>${tpHd}</h1>`;

• 값을 수정하는 곳

tpHd = obj['articleTitle];

1. 변수 캡슐화하기로 처리한다.

result += `<h1>${tpHd}</h1>`;

function title() {return tpHd;}    // tpHd 변수의 게터
function setTitle(arg) {tpHd = arg;}    // 세터

1. 캡슐화 후 변수 이름을 바꾼다.

let _title = "untitle";

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

🧷 예시: 상수 이름 바꾸기

상수의 이름은 캡슐화하지 않고도 복제 방식으로 점진적으로 바꿀 수 있다.

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

원본의 이름을 바꾼 후, 원본의 원래 이름과 같은 복제본을 만든다.

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

기존 이름을 참조하는 코드들을 새 이름으로 점진적으로 바꿀 수 있다. 다 바꿨다면 복제본을 삭제한다. 기존 이름을 삭제했다가 테스트에 실패하면 되돌리는 방식보다 새 이름으로 선언한 다음 기존 이름에 복사하는 방식이 조금이라도 쉽다면 후자를 선택한다.