갈푸라떼
갈푸라떼는 개발중
갈푸라떼
전체 방문자
오늘
어제
  • 분류 전체보기 (232)
    • CS (0)
      • CSinfo (0)
    • Frontend (15)
      • HTML,CSS (1)
      • Javascript (2)
      • React (0)
      • React Hook (12)
    • Backend (0)
      • Python (0)
      • Node.js (0)
      • php (0)
    • DB (2)
      • MySQL (2)
      • BigQuery (0)
      • Mongodb (0)
    • Study (186)
      • JavaScript (72)
      • JavaScript(Clean code) (50)
      • Node.js (11)
      • HTML,CSS (13)
      • React (30)
      • TypeScript (10)
      • React-Native (0)
    • Error (2)
      • error (2)
    • Git (22)
      • Git (22)
    • Help Coding (4)
      • Useful websites (3)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • Github

공지사항

인기 글

태그

  • 자바스크립트엔진
  • 원시타입
  • 함수
  • SPREAD
  • 렉시컬 환경
  • 네이밍
  • 실행 컨텍스트
  • Babel
  • 싱글스레드
  • 정적 레벨
  • PM2
  • 프로토타입
  • 상속
  • 심볼
  • 컴파일러
  • this
  • ECMAScript
  • structure
  • 객체타입
  • 오버라이딩
  • 이터러블
  • symbol
  • 인터프리터
  • class
  • prototype
  • nodemon
  • 호이스팅
  • Arrow
  • 스코프 체인
  • function

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
갈푸라떼

갈푸라떼는 개발중

Study/JavaScript(Clean code)

[JavaScript][clean-code] 부정 조건문 지양하기

2022. 5. 30. 03:23

* 부정 조건문 지양하기

 

* 부정조건문을 지양하는 이유

  • 생각을 여러번 해야 할 수 있다.(가독성이 떨어진다.) ex) isNaN
  • 프로그래밍 언어 자체로 if문은  true부터 실행시킨다.
  • 따라서 흐름상 if문에 처음에 있는 조건이 true라고 생각이 든다.
  • 근데 부정조건문을 처음에 넣게 되면 혼란이 올 수 있다.


* 부정조건을 예외적으로 사용해야 하는 경우

  • Early Return
  • Form Validation
  • 보안 혹은 검사하는 로직

* 예시 (isNaN) 

- isNaN의 경우 한번 생각을 해야해서 헷갈리 수 있다.

 

차라리 typeof를 사용하는게 가독성이 더 좋을 수 있다.

혹은 isNaN과 typeof를 사용하는 함수를 만든다.

function isNumber(num) {
  return !Number.isNaN(num) && typeof num === 'number'
}

if (isNumber(3)) {
  console.log('숫자입니다');
}

 

- isNaN의 경우 생각을 많이해야하는데 위의 함수 같이 만들 경우 따로 생각할 시간을 많이 가지지않아도 된다.

(가동성이 좋고 안전하다.)


(결론)
코드를 작성할 때 헷갈리는 코드를 작성하면 안되고 명시적인 코드를 항상 작성하여야 한다.

클린코드 및 다양한 레퍼런스를 찾아봐도 긍정조건을 많이 사용하자는 사례가 많다.

 

'Study > JavaScript(Clean code)' 카테고리의 다른 글

[JavaScript][clean-code] 명시적인 연산자 사용 지향하기  (0) 2022.05.31
[JavaScript][clean-code] Default Case고려하기  (0) 2022.05.30
[JavaScript][clean-code] Early Return  (0) 2022.05.30
[JavaScript][clean-code] else if & else피하기  (0) 2022.05.29
[JavaScript][clean-code] 단축평가(short-circuit evaluation)  (0) 2022.05.29
    'Study/JavaScript(Clean code)' 카테고리의 다른 글
    • [JavaScript][clean-code] 명시적인 연산자 사용 지향하기
    • [JavaScript][clean-code] Default Case고려하기
    • [JavaScript][clean-code] Early Return
    • [JavaScript][clean-code] else if & else피하기
    갈푸라떼
    갈푸라떼

    티스토리툴바