[JS] ๋ณ€์ˆ˜ ์„ ์–ธ var, let, const

2023. 7. 25. 05:53ยท๐Ÿ“Language/๐ŸŸจ Javascript
๋ชฉ์ฐจ
  1. var
  2. let
  3. const
  4. var / let / const
๋ฐ˜์‘ํ˜•

Javascript๋Š” ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ• ๋•Œ ์ œ์ผ ์•ž์— ๋ณ€์ˆ˜ ์„ ์–ธ ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

 

var number = 1;
let number = 1;
const number = 1;

 

var

- var ํ‚ค์›Œ๋“œ๋กœ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋Š” ์ค‘๋ณต ์„ ์–ธ์ด ๊ฐ€๋Šฅ (์ฒ˜์Œ ์„ ์–ธํ•œ ๋ณ€์ˆ˜์˜ ๊ฐ’์ด ๋ณ€๊ฒฝ๋จ)

var x = 1;
console.log(x); //1

var x = 2;
console.log(x); //2

- var ํ‚ค๋“œ์›Œ๋กœ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜์˜ ์ฝ”๋“œ ๋ธ”๋ก๋งŒ์„ ์ง€์—ญ ์Šค์ฝ”ํ”„๋กœ ์ธ์ • => ๋ชจ๋‘ ์ „์—ญ ๋ณ€์ˆ˜๊ฐ€ ๋จ

var x = 1;
if(true) {
    var x = 2;
}
console.log(x); //2

- ๋Ÿฐํƒ€์ž„ ์ด์ „์— ๋ณ€์ˆ˜ ์„ ์–ธ, ์ดˆ๊ธฐํ™” ๋‘˜๋‹ค ์‹คํ–‰

console.log(x); //undefined

var x;
console.log(x); //undefined

var = 1;
console.log(x); //1

- ์˜๋„์น˜์•Š๊ฒŒ ์ค‘๋ณต ์„ ์–ธํ•œ ๊ฒฝ์šฐ ๊ฐ’์ด ์žฌํ• ๋‹น๋˜๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉ ์ง€์–‘ํ•จ

 




let

- var ํ‚ค์›Œ๋“œ์˜ ๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ธฐ ์œ„ํ•ด ๋„์ž…

- ์ค‘๋ณต ์„ ์–ธ ์•ˆ๋จ / ์žฌํ• ๋‹น์€ ๊ฐ€๋Šฅ

let x = 1;
let x = 2; //์—๋Ÿฌ๋ฐœ์ƒ SyntaxError : Identifier 'x' has already been declared

- ๋ธ”๋ก ๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„ (๋ชจ๋“  ์ฝ”๋“œ ๋ธ”๋ก์„ ์ง€์—ญ ์Šค์ฝ”ํ”„๋กœ ์ธ์ •)

let x = 1;
if(true) {
    let x = 2;
}
console.log(x); //1

- ๋Ÿฐํƒ€์ž„ ์ด์ „์— ๋ณ€์ˆ˜ ์„ ์–ธ ์‹คํ–‰ -> ๋Ÿฐํƒ€์ž„์—์„œ ๋ณ€์ˆ˜ ์„ ์–ธ๋ฌธ ๋„๋‹ฌ์‹œ ๋ณ€์ˆ˜ ์ดˆ๊ธฐํ™” ์‹คํ–‰

console.log(x); //์—๋Ÿฌ๋ฐœ์ƒ ReferenceError : x is not defined

let x;
console.log(x); //undefined

let = 1;
console.log(x); //1

 

 


 

const

- ์ค‘๋ณต ์„ ์–ธ ์•ˆ๋จ / ์žฌํ• ๋‹น ์•ˆ๋จ (์ƒ์ˆ˜)

- const ํ‚ค์›Œ๋“œ๋กœ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋Š” ๋ฐ˜๋“œ์‹œ ์„ ์–ธ๊ณผ ์ดˆ๊ธฐํ™”๋ฅผ ๋™์‹œ์— ํ•ด์•ผํ•จ => ์„ ์–ธ๋งŒ ํ•˜๋ฉด ์—๋Ÿฌ

 


 

var / let / const

- var๋Š” ์‚ฌ์šฉํ•˜์ง€ ๋ง์ž

- ์žฌํ• ๋‹น์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ์—๋งŒ let ์‚ฌ์šฉํ•˜๊ณ  ์ด์™ธ์—๋Š” const๋ฅผ ์‚ฌ์šฉํ•˜์ž

๋ฐ˜์‘ํ˜•
์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'๐Ÿ“Language > ๐ŸŸจ Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ • ์ดํ•ดํ•˜๊ธฐ (์ž‘์„ฑ์ค‘)  (0) 2023.08.19
[JS] fetch API ์‚ฌ์šฉํ•˜๊ธฐ  (0) 2022.09.27
[JS] ๊ธฐ๋ณธ๊ฐœ๋…  (0) 2021.10.12
  1. var
  2. let
  3. const
  4. var / let / const
'๐Ÿ“Language/๐ŸŸจ Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ • ์ดํ•ดํ•˜๊ธฐ (์ž‘์„ฑ์ค‘)
  • [JS] fetch API ์‚ฌ์šฉํ•˜๊ธฐ
  • [JS] ๊ธฐ๋ณธ๊ฐœ๋…
yujch
yujch
ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ณต๋ถ€ ๋ฉ”๋ชจ
    ๋ฐ˜์‘ํ˜•
  • yujch
    โœŽRepository
    yujch
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (95)
      • ๐Ÿ“Language (42)
        • ๐ŸŒ HTML (3)
        • ๐ŸŸจ Javascript (4)
        • ๐ŸŸฃ PHP (9)
        • ๐ŸŸข Node.js (6)
        • โ˜• Java (10)
        • โž• Python (9)
        • ๐Ÿ”ต C (1)
      • ๐Ÿ“Framework (11)
        • ๐Ÿƒ Spring (1)
        • ๐ŸŽต Laravel (9)
        • ๐Ÿš„ Express (1)
      • ๐Ÿ“DB (7)
        • ๐Ÿฌ MySQL (6)
        • ๐Ÿ˜ PostgreSQL (1)
      • ๐Ÿ“DevOps (6)
      • ๐Ÿ“Book (2)
      • ๐Ÿ“ETC. (16)
        • โš’๏ธ Tool (11)
        • ๐Ÿชข API Connection (5)
      • ๐Ÿ“์ž๊ฒฉ์ฆ ๊ณต๋ถ€ (10)
        • ๐Ÿ“™ SQLD (7)
        • ๐Ÿ“™ ๋ฆฌ๋ˆ…์Šค๋งˆ์Šคํ„ฐ (3)
      • ๐Ÿ“˜ ๋…ธํŠธ (1)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ๐Ÿ ํ™ˆ
    • ๐Ÿ“ฎ๋ฐฉ๋ช…๋ก
  • ๋งํฌ

    • Github
  • ์ธ๊ธฐ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.0
yujch
[JS] ๋ณ€์ˆ˜ ์„ ์–ธ var, let, const

๊ฐœ์ธ์ •๋ณด

  • ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ
  • ํฌ๋Ÿผ
  • ๋กœ๊ทธ์ธ
์ƒ๋‹จ์œผ๋กœ

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

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.