[클린코드 javascript] 분기로 보여지기 쉬운 코드 만들기(분기 다루기)

삼항연산자 활용

삼항연산자를 활용하는 것은 가독성 좋은 코드를 만들 수 있다.

// if - else
if (condition){ return value}
else {return anotherValue}

// 삼항연산자
condition ? value : anotherValue

 

하지만, 삼항연산자를 과도하게 중복해서 사용하는 경우를 피하자

else-if를 과도하게 사용하는 것 보다는 switch가 더 효과적이다.

조건이 여러개일 경우 가독성을 생각해서 작성하자

사용 팁 : 보통 반환 값이 있는 함수에 삼항 연산자를 활용하자.

 

 

단축 연산자 활용

관련 내용은 자바스크립트 포스팅에 정리 했기에 예시보면 이해가 쉽기에 예시를 남긴다.

    function favoriteDog(someDog){
        let favoriteDog;
        if(someDog){
            favoriteDog = dog;
        }
        else {
            favoriteDog = '냐옹';
        }
        return favoriteDog + '입니다.';
    }
    

    function favoriteDog(someDog){
        return (someDog || '냐옹') + '입니다.';

 

 

else if 와 else 피하기.

else if 는 else{ if{}} 와 같은 작동이다. 그렇기에 논리적 오류가 발생할 가능성이있기에 if if 로 쓰는게 낫다.

헌데, if if로 쓰면 앞조건이 맞다면 뒷조건에 안들어가게 하고 싶을때는 무조건 return을 써서 조기에 종료 해야하나 생각이 든다. 의도는 이해가 가는데 중요하다는데 와닿지는 않았다. 이 부분은 조금 더 알아봐야겠다.

 

 

Early return.

하나의 로직에 많은 if가 중첩되어 많은 의존성을 갖고있을때 early return 을 사용해서 보기 쉽게 만들 수 있었다.

 

 

Default case 기재하기

 

default case를 기재함으로써 예측하지 못한 오류 방지 및 다른 사람이 보기 쉬운 로직을 만들 수 있었다.