얼리 리턴 패턴 활용하기

Before

function handleUserAction(user) {
	if (user) {
		if (user.isLoggedIn) {
			if (user.role === 'admin') {
				console.log('관리자 로그인됨');
				navigateToAdminPage();
			} else {
				console.log('권한이 없습니다.');
			}
		} else {
			console.log('로그인이 필요합니다.');
		}
	} else {
		console.log('유저 정보가 없습니다.');
	}
}

 

 

after

function handleUserAction(user) {
	if (!user) {
		console.log('유저 정보가 없습니다.');
		return;
	}

	if (!user.isLoggedIn) {
		console.log('로그인이 필요합니다.');
		return;
	}

	if (user.role !== 'admin') {
		console.log('권한이 없습니다.');
		return;
	}

	console.log('관리자 로그인됨');
	navigateToAdminPage();
}

 

얼리 리턴 패턴을 사용하면 가독성이 향상되고 흐름이 단순화되어 유지보수가 용이해진다.

불필요한 들여쓰기가 사라지고, 각 조건이 독립적으로 동작한다.

 

한 조건을  변경하여도 다른 조건에 영향을 주지 않기 때문에 적절한 상황에 적용하면 더 깔끔한 코드를 작성할 수 있다.