ES6
-
[JavaScript] var vs let vs const๊ฐ๋ฐ์ผ์ง/FE 2023. 2. 2. 09:26
var์ ๊ฒฝ์ฐ ES5๊น์ง ์ฌ์ฉํ๋ ๋ณ์ ์์ฑ ๋ฐฉ๋ฒ์ด๋ค. ๊ทธ๋ฆฌ๊ณ let๊ณผ const๋ ES6๋ถํฐ ๋ณ์์ ์์๋ฅผ ์์ฑํ๊ธฐ ์ํ์ฌ ์ฌ์ฉํ๊ณ ์๋ค. ์ค๋์ ์ด ์ธ ๊ฐ์ง์ ๋ํด ์ฐจ์ด์ ์ ์ดํด๋ณด๊ณ ์ ํ๋ค. ๋จผ์ ์์์ ์ธ๊ธํ์ง๋ง var์ let์ ๊ฒฝ์ฐ ๊ณตํต์ ์ผ๋ก ๋ณ์๋ฅผ ์์ฑํ๋ค. ๊ทธ๋ฆฌ๊ณ const์ ๊ฒฝ์ฐ ์์๋ฅผ ์์ฑํ๋ค๋ ๊ฒ์ด ๋ช ํํ ์ฐจ์ด์ ์ด๋ผ๊ณ ๋ณผ ์ ์๋ค. ๊ทธ๋ ๋ค๋ฉด var์ let์ ์ฐจ์ด์ ์๋ ๋ฌด์์ด ์๋๊ฐ? ๋ ๋ค ๊ณตํต์ ์ผ๋ก ๋ณ์๋ฅผ ์์ฑํ๋ค๋ฉด ๊ตณ์ด ์์ ํ์๊ฐ ์์ง ์์๊น? ํ๋ ์๊ฐ์ด ๋ค ์ ์์ ๊ฒ ๊ฐ๋ค. var์ javascript์ ์ด๊ธฐ๋ถํฐ ์ง์์ ์ผ๋ก ์ฌ์ฉํด ์ค๋ ๊ฒ์ผ๋ก ํจ์ & ์ ์ญ scope์ด๋ค. ๊ทธ๋ฆฌ๊ณ let๊ณผ const์ ๊ฒฝ์ฐ์๋ Block Scope๋ผ๊ณ ํ ์ ์๋ค. ๊ทธ๋ ๋ค๋ฉด Block Sco..