RSS DEV ์ปค๋ฎค๋‹ˆํ‹ฐ

๐Ÿ” JavaScript ํ•จ์ˆ˜ ์ž‘๋™ ๋ฐฉ์‹ โค๏ธ & ๋ณ€์ˆ˜ ํ™˜๊ฒฝ

ํ•จ์ˆ˜๋Š” JavaScript์˜ ๊ธฐ๋ณธ์ด๋ฉฐ, ๊ทธ ๋‚ด๋ถ€ ์ž‘๋™ ๋ฐฉ์‹์„ ์ดํ•ดํ•˜๋Š” ๊ฒƒ์€ ํšจ๊ณผ์ ์ธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฐ ๋งค์šฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ ํ•จ์ˆ˜ ์‹คํ–‰์€ ๊ณ ์œ ํ•œ ํ™˜๊ฒฝ์ธ ์‹คํ–‰ ์ปจํ…์ŠคํŠธ๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ์ด ์ปจํ…์ŠคํŠธ ์•ˆ์—๋Š” ๋ณ€์ˆ˜์™€ ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ์ €์žฅํ•˜๋Š” ๋ณ€์ˆ˜ ํ™˜๊ฒฝ, ์™ธ๋ถ€ ํ™˜๊ฒฝ์— ์—ฐ๊ฒฐ๋˜๋Š” ์Šค์ฝ”ํ”„ ์ฒด์ธ, ๊ทธ๋ฆฌ๊ณ  `this` ํ‚ค์›Œ๋“œ๊ฐ€ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ๋ณ€์ˆ˜ ํ™˜๊ฒฝ์€ ํ•จ์ˆ˜ ๋งค๊ฐœ๋ณ€์ˆ˜, ๋ณ€์ˆ˜ ์„ ์–ธ(var, let, const), ๊ทธ๋ฆฌ๊ณ  ๋‚ด๋ถ€ ํ•จ์ˆ˜ ์„ ์–ธ์„ ํฌ๊ด„ํ•ฉ๋‹ˆ๋‹ค. ์ด ์ž„์‹œ ํ™˜๊ฒฝ์€ ํ•จ์ˆ˜๊ฐ€ ํ˜ธ์ถœ๋  ๋•Œ๋งˆ๋‹ค ๋‹ค์‹œ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, `greet("Ronak")`์„ ํ˜ธ์ถœํ•˜๋ฉด `name`๊ณผ `message` ๋ณ€์ˆ˜๋ฅผ ๊ฐ–๋Š” ์ƒˆ๋กœ์šด ํ™˜๊ฒฝ์ด ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ์ด ํ™˜๊ฒฝ์€ ํ˜ธ์ด์ŠคํŒ…์„ ์ดํ•ดํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ํ˜ธ์ด์ŠคํŒ… ๋™์ž‘์€ JavaScript๊ฐ€ ๋ณ€์ˆ˜ ํ™˜๊ฒฝ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ์‹์—์„œ ๋น„๋กฏ๋ฉ๋‹ˆ๋‹ค. `var`๋กœ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ํ˜ธ์ด์ŠคํŒ…๋˜๋Š”๋ฐ, ์ด๋Š” ํ•ด๋‹น ๋ณ€์ˆ˜์˜ ๊ฐ’์€ ์•„๋‹ˆ์ง€๋งŒ ์„ ์–ธ์ด ํ™˜๊ฒฝ์˜ ์ตœ์ƒ๋‹จ์œผ๋กœ ์ด๋™๋œ๋‹ค๋Š” ์˜๋ฏธ์ž…๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋ณ€์ˆ˜๋Š” ์ฝ”๋“œ์˜ ๋‚˜๋จธ์ง€ ๋ถ€๋ถ„์ด ์‹คํ–‰๋˜๊ธฐ ์ „์— ์„ ์–ธ๋ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์ฝ”๋“œ๋กœ ์‹ค์ œ๋กœ ์ •์˜๋˜๊ธฐ ์ „์— ๋ณ€์ˆ˜์˜ ๊ฐ’์„ ์ดํ•ดํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค. ์‹คํ–‰ ์ปจํ…์ŠคํŠธ์™€ ๋ณ€์ˆ˜ ํ™˜๊ฒฝ์€ ๊น”๋”ํ•˜๊ณ  ์•ˆ์ •์ ์ธ JavaScript ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ธฐ ์œ„ํ•œ ๊ธฐ๋ณธ ๊ฐœ๋…์ž…๋‹ˆ๋‹ค.
favicon
dev.to
๐Ÿ” How Functions Work in JavaScript โค๏ธ & Variable Environment