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)
      • Frontend (29)
        • Next.js (16)
        • JavaScript (7)
      • CS (19)
        • 자료구조 (9)
        • 알고리즘 (5)
        • 운영체제 (4)
        • 네트워크 (1)
      • TIL (93)
      • Dev Log (16)
  • 블로그 메뉴

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

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바