고슴맨쉬
망치와 공(空)
고슴맨쉬
  • 분류 전체보기 (155)
    • 💡 UXUI (4)
      • UXUI (2)
      • UI (2)
      • UX (0)
    • 🟨 JavaScript (66)
      • 개념 (42)
      • 정리 (2)
      • 문제풀기 (프로그래머스, 코딩애플) (15)
      • 응용하여 자동화or문제해결하기 (2)
      • 기타 (5)
    • ⚛️ React (49)
      • 개념 (27)
      • 개념(Redux) (3)
      • 정리 (4)
      • 문제풀기 (코딩애플: React) (15)
    • 📘 TypeScript (10)
      • 개념 (8)
      • 문제풀기 (코딩애플) (2)
    • 🌐 HTML,CSS (18)
      • 실무에서 자주 발생한 오류들 (10)
      • 뒤늦게 알아서 뼈아픈 유용한 CSS (6)
      • 기타 자주 쓰는 CSS (2)
    • 💻 CS (8)
      • CS (5)
      • 정규표현식 (2)
      • Git,Github (1)

태그

  • CS
  • state
  • UXUI
  • 코딩애플
  • JavaScript
  • Props
  • 오류
  • json
  • redux
  • useEffect
  • object
  • class
  • axios
  • 삼항연산자
  • array
  • CSS
  • 프로그래머스
  • react
  • Ajax
  • TypeScript
전체 방문자
오늘
어제
hELLO · Designed By 정상우.
고슴맨쉬

망치와 공(空)

🟨 JavaScript/개념

[드림코딩] Early return, early exit?

2022. 4. 21. 14:06

~일 때 ~하는 함수를 작성할 때, 블럭 안에서 작성을 길게 하면 가독성이 떨어진다.

BAD

function moreStudy(coding) {
    if (coding.point > 10) {
        //long logic... (coding.point가 10 이상일 때만 진행되는 로직)
    }
}

이런 경우에는 한개의 블럭 안에 if와 else를 번갈아 쓰는 것보다는,

GOOD

function moreStudy(coding) {
    if (coding.point <= 10) {
        return; //조건이 맞지 않을때 빠른 리턴으로 함수를 종료
    }
    // long logic... (조건이 맞을때만 필요한 로직 작동)
}

맞지 않는 경우를 먼저 걸러내 빠른 리턴으로 함수를 종료한다.


출처 : 드림코딩 https://www.youtube.com/@dream-coding / MDN https://developer.mozilla.org/ko

저작자표시 비영리 동일조건 (새창열림)

'🟨 JavaScript > 개념' 카테고리의 다른 글

[mdn, 드림코딩 외] 객체지향 (1) : 클래스(class)  (0) 2022.05.03
[드림코딩 외] 콜백함수 (Callback function)  (0) 2022.04.22
[드림코딩, comp110 외] 매개변수 (parameters)와 나머지 매개변수(rest parameters)  (0) 2022.04.18
[mdn] 기본값 매개변수  (0) 2022.04.15
[생활코딩, 드림코딩, 코딩앙마] 연산자(Operator)와 break, continue  (0) 2022.04.14
    '🟨 JavaScript/개념' 카테고리의 다른 글
    • [mdn, 드림코딩 외] 객체지향 (1) : 클래스(class)
    • [드림코딩 외] 콜백함수 (Callback function)
    • [드림코딩, comp110 외] 매개변수 (parameters)와 나머지 매개변수(rest parameters)
    • [mdn] 기본값 매개변수
    고슴맨쉬
    고슴맨쉬
    부수되 집착하지 않고, 이해하되 머무르지 않기

    티스토리툴바