06 - 기본적인 리펙터링 - 변수 이름 바꾸기

리팩터링 | 마틴 파울러 | 한빛미디어- 교보ebook

개요

명확한 프로그래밍의 핵심은 이름짓기.

자바스크립트 같은 동적 타입 언어라면 앞에 타입을 명시하는 식으로 이름 짓는 것도 좋다. (String name ==> let strName)

예시

가장 간단한 바꾸기는 유효범위가 좁은 변수다.

let tpHd = "untitled"; //참조하는 곳 result += `<h1>${tpHd}</h1>`; obj['articleTitle'] = 'Hello World'; //바꾸는 곳 tpHd = obj['articleTitle'];

let tpHd = "untitled"; result += `<h1>${title()}</h1>`; obj['articleTitle'] = 'Hello World'; setTitle(obj['articleTitle']); //캡슐화 //게터 function title(){ return tpHd;} //세터 function setTitle(arg){tpHd = arg;}

let 이제변수이름바꿔도됨 = "untitled"; result += `<h1>${title()}</h1>`; obj['articleTitle'] = 'Hello World'; setTitle(obj['articleTitle']); function title(){ return 이제변수이름바꿔도됨;} function setTitle(arg){이제변수이름바꿔도됨 = arg;}

이름 변경 후 다시 함수를 인라인해도 된다. 단, 캡슐화한 변수가 전역으로 두루 사용된다면, 나중을 위해 함수로 두는 것이 더 좋다.

 

예시:상수 이름 바꾸기

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

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

//원본 이름 바꾼 후 이전 원본 이름에 바꾼 이름 복제본 대입 const companyName = "애크미 구스베리"; const cpyNm = companyName;

이 방식은 상수 포함. 클라이언트가 볼 때 읽기전용인 변수에도 적용할 수 있다.

자바스크립트 익스포트한 변수