[클린코드 자바스크립트] 임시변수 제거

 

* 클린코드 자바스크립트 강의를 정리하고자 작성한 게시글입니다.

 

임시변수 제거하기

• 함수 안에 변수를 하나 정의 했다고 가정했을 때 해당 함수의 길이가 길어질 수록 전역변수를 쓰는 것과 같이 버그가 발생할 확률이 높다.
• 임시변수 사용을 줄이려면 함수의 역할에 맞게 여러개 분리하는 것이 가장 좋다.
• 함수는 역할에만 충실하도록 하고 간결하게 작성하도록 고민해야한다.
• 임시변수를 사용하면 추가적인 코드 작성의 유혹에 빠지기 쉽다. (디버깅이 어려워짐)
• 임시변수 없이 바로 값을 return 하도록 고민해서 함수를 만들도록 한다.
• 고차함수를 사용한다. (map, filter, reduce 등)

 

 # 임시변수를 사용하는 경우 
function getElements() {

	const result = {}; // 함수 안에 있는 임시변수 
	
	result.title = document.querySelector('.title');   // 객체에 값을 저장함.
	result.text = document.querySelector('.text');     // 객체에 값을 저장함.
	
	return result;
}

# 임시변수를 제거하고 함수의 역할에 맞게 객체를 리턴함.
function getElements() {

	return {
		title: document.querySelector('.title');
		text: document.querySelector('.text');    
	};
}