๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป Dev

[Javascript] var, let, const ์ฐจ์ด์ ๊ณผ ํ˜ธ์ด์ŠคํŒ…

jcowwk 2025. 2. 27. 14:38

var, let, const ์ฐจ์ด์ ๊ณผ ํ˜ธ์ด์ŠคํŒ…


1. var, let, const ์ฐจ์ด์ 

2. ํ˜ธ์ด์ŠคํŒ…


1. var, let, const ์ฐจ์ด์ 

var์€ ES6 ์ด์ „์— ์ฃผ๋กœ ์‚ฌ์šฉ๋˜๋˜ ๋ณ€์ˆ˜ ์„ ์–ธ ํ‚ค์›Œ๋“œ๋กœ ํ•จ์ˆ˜ ์Šค์ฝ”ํ”„๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค.

var๋กœ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๊ฐ€ ํ•จ์ˆ˜ ๋‚ด์—์„œ๋งŒ ์ง€์—ญ ๋ณ€์ˆ˜๋กœ ์ž‘๋™ํ•˜๊ณ , ํ•จ์ˆ˜ ์™ธ๋ถ€์—์„œ๋Š” ์ „์—ญ ๋ณ€์ˆ˜๋กœ ์ž‘๋™ํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

 

let, const๋Š” ES6์—์„œ ๋„์ž…๋œ ๋ณ€์ˆ˜ ์„ ์–ธ ํ‚ค์›Œ๋“œ๋กœ ๋ธ”๋ก ์Šค์ฝ”ํ”„๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค.

let๊ณผ const๋กœ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๊ฐ€ ์ค‘๊ด„ํ˜ธ๋กœ ๋‘˜๋Ÿฌ์‹ธ์ธ ๋ธ”๋ก ๋‚ด์—์„œ๋งŒ ์œ ํšจํ•˜๋‹ค๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

 

2. ํ˜ธ์ด์ŠคํŒ…

๋ณ€์ˆ˜๋‚˜ ํ•จ์ˆ˜ ์„ ์–ธ์„ ์ฝ”๋“œ์˜ ์ตœ์ƒ๋‹จ์œผ๋กœ ๋Œ์–ด์˜ฌ๋ฆฌ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋™์ž‘ํ•˜๋Š” ํŠน์„ฑ์ž…๋‹ˆ๋‹ค.

var๋กœ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ํ˜ธ์ด์ŠคํŒ…๋˜์–ด undefined๋กœ ์ดˆ๊ธฐํ™” ๋˜๊ณ , let๊ณผ const๋Š” ํ˜ธ์ด์ŠคํŒ…์ด ๋˜์–ด๋„ ์ดˆ๊ธฐํ™”๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด๋กœ ์ธํ•ด ์ฐธ์กฐ ์—๋Ÿฌ(ReferenceError)๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


์ฐธ๊ณ  ์‚ฌ์ดํŠธ

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ var, let, const ์ฐจ์ด์ ๊ณผ ํ˜ธ์ด์ŠคํŒ… ์ดํ•ดํ•˜๊ธฐ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ var, let, const์˜ ์ฐจ์ด์ ๊ณผ ๊ฐ๊ฐ์˜ ํ˜ธ์ด์ŠคํŒ… ๋™์ž‘, ๊ธ€๋กœ๋ฒŒ ๊ฐ์ฒด์™€์˜ ๊ด€๊ณ„๋ฅผ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

f-lab.kr

 

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ˜ธ์ด์ŠคํŒ…(Hoisting) ์ดํ•ดํ•˜๊ธฐ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ˜ธ์ด์ŠคํŒ…(Hoisting) ๊ฐœ๋…, ๋ณ€์ˆ˜์™€ ํ•จ์ˆ˜์˜ ํ˜ธ์ด์ŠคํŒ… ๋™์ž‘ ๋ฐฉ์‹, ๊ทธ๋ฆฌ๊ณ  ํ˜ธ์ด์ŠคํŒ…์„ ํ”ผํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

f-lab.kr

 

๋ฌธ์ œ๊ฐ€ ์žˆ์œผ๋ฉด ๋Œ“๊ธ€ ๋‚จ๊ฒจ์ฃผ์„ธ์š” !

ํ”ผ๋“œ๋ฐฑ์€ ์–ธ์ œ๋‚˜ ํ™˜์˜์ž…๋‹ˆ๋‹ค <3