๐Ÿ’ก Nullish coalescing operator, '??' ์—ฐ์‚ฐ์ž

Jake_Youngยท2021๋…„ 3์›” 18์ผ
0
post-thumbnail

๋จผ์ € ์ด ๊ธ€์€ MDN์˜ Nullish coalescing operator ์„ค๋ช…ํŽ˜์ด์ง€๋ฅผ ์ฐธ์กฐํ•˜์˜€์Œ์„ ๋ฐํžŒ๋‹ค.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator

๐ŸŒธ Nullish coalescing operator ์ด๋ž€?

  • ๋ณ€์ˆ˜์— ๋‹ค๋ฅธ ๋ณ€์ˆ˜๊ฐ’์„ ๋Œ€์ž…ํ•  ๋•Œ, ๋ณ€์ˆ˜๊ฐ’์ด null๋‚˜ undefined๋ผ๋ฉด ๊ทธ ??์˜ ์˜ค๋ฅธ์ชฝ ๊ฐ’์„ ๋Œ€์ž…ํ•œ๋‹ค.
  • ์‰ฝ๊ฒŒ ๋งํ•ด OR(||) ์—ฐ์‚ฐ์ž๋ผ๊ณ  ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ๋‹ค.
const a = b ?? "age"
  • ์œ„์™€ ๊ฐ™์€ ์ฝ”๋“œ๊ฐ€ ์žˆ์„ ๋•Œ, b๊ฐ€ ์œ ํšจํ•œ ๋ณ€์ˆ˜๋ผ๋ฉด ๊ทธ ๊ฐ’์„ a์— ๋Œ€์ž…ํ•œ๋‹ค.
  • ๋งŒ์•ฝ b๊ฐ€ null์ด๊ฑฐ๋‚˜ undefined์ด๋ผ๋ฉด ๊ทธ ๋’ค์— ์žˆ๋Š” age ๋ฌธ์ž์—ด์„ a์— ๋Œ€์ž…ํ•œ๋‹ค.

๐Ÿ”ฅ ์ฃผ์˜์‚ฌํ•ญ

  • ์œ„ ์‚ฌ์ง„์—์„œ์™€ ๊ฐ™์ด ์•„์ง ํ˜ธํ™˜๋˜์ง€ ์•Š๋Š” ํ™˜๊ฒฝ์ด ๋งŽ๋‹ค.
  • ํŠนํžˆ๋‚˜ IE์—์„œ ์‚ฌ์šฉ์ด ๋˜์ง€ ์•Š๋Š”๋‹ค.
  • Node14 ๋ฒ„์ „๋ณด๋‹ค ๋‚ฎ์„ ๊ฒฝ์šฐ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค.
profile
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ํŒŒ์ด์ฌ ๊ทธ๋ฆฌ๊ณ  ์ปดํ“จํ„ฐ์™€ ๋„คํŠธ์›Œํฌ

0๊ฐœ์˜ ๋Œ“๊ธ€