Zoeeey
Stack flows in you
Zoeeey
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (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)

ํƒœ๊ทธ

  • class
  • Ajax
  • Props
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • redux
  • JavaScript
  • ์˜ค๋ฅ˜
  • react
  • CS
  • axios
  • UXUI
  • useEffect
  • CSS
  • json
  • ์ฝ”๋”ฉ์• ํ”Œ
  • TypeScript
  • object
  • state
  • array
  • ์‚ผํ•ญ์—ฐ์‚ฐ์ž
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
hELLO ยท Designed By ์ •์ƒ์šฐ.
Zoeeey

Stack flows in you

๐ŸŸจ 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] ๊ธฐ๋ณธ๊ฐ’ ๋งค๊ฐœ๋ณ€์ˆ˜
    Zoeeey
    Zoeeey
    ๊ธธ๊ฒŒ ์ƒ๊ฐํ•˜๊ณ  ์งง๊ฒŒ ๊ทธ๋ฆฌ๊ธฐ

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”