Early Return Pattern

TIL

Early Return Pattern이란?

특정 조건을 만족할 경우 바로 return하여 코드의 구조를 단순하게 만들어 주는 패턴이다.
조건에 맞는 코드를 실행하면 이후에 작성된 조건들은 무시된다.

 

function func(num) {
  if (num > 0) {
    if (num >= 5) {
      console.log('num의 값이 5보다 크거나 같음');
    } else {
      console.log('num의 값이 0보다 크고 10보다 작음')
    }
  } else if (num === 0) {
    console.log('num의 값이 0임');
  } else {
    console.log('num의 값이 0보다 작음');
  }
}

func(10); // num의 값이 5보다 크거나 같음

 

위 코드에 얼리 리턴 패턴을 적용하면 아래와 같이 가독성을 개선할 수 있다.

function func2(num) {
  if (num === 0) return 'num의 값이 0보다 작음';
  if (num < 0) return 'num의 값이 0보다 작음';
  if (num >= 5) return 'num의 값이 5보다 크거나 같음';
  return 'num의 값이 0보다 크고 10보다 작음';
}

func2(1); // 'num의 값이 0보다 크고 10보다 작음'

'TIL' 카테고리의 다른 글

[TS] 객체 타입  (0) 2025.10.28
[TS] 배열과 튜플  (0) 2025.10.28
[TS] 원시타입과 리터럴 타입  (0) 2025.10.28
타입스크립트 컴파일러 옵션 설정  (0) 2025.10.27
타입스크립트 실행 환경 설정  (0) 2025.10.27
'TIL' 카테고리의 다른 글
  • [TS] 배열과 튜플
  • [TS] 원시타입과 리터럴 타입
  • 타입스크립트 컴파일러 옵션 설정
  • 타입스크립트 실행 환경 설정
고견
고견
개발 자국 남기기
  • 고견
    개발자국
    고견
  • 전체
    오늘
    어제
    • 분류 전체보기 (157) N
      • Frontend (29)
        • Next.js (16)
        • JavaScript (7)
      • CS (19) N
        • 자료구조 (9)
        • 알고리즘 (5)
        • 운영체제 (4) N
        • 네트워크 (1) N
      • TIL (93)
      • Dev Log (16)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Trouble Shooting
    Pages Router
    클래스
    인터페이스
    앱 라우터
    함수 타입
    바닐라 자바스크립트
    CS
    algorithm
    배열
    memory
    generic
    알고리즘
    트러블 슈팅
    useState
    typescript
    C
    타입 좁히기
    ai 감성 일기장
    App Router
    emotion diary
    자료구조
    페이지 라우터
    Spa
    문자열
    제네릭
    react
    Next.js
    cs50
    javascript
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
고견
Early Return Pattern
상단으로

티스토리툴바