λ³€μˆ˜(Variable)

μ†Œκ°œ

ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄μ—μ„œ λ³€μˆ˜λŠ” κ°€μž₯ 기본적인 κ°œλ…μž…λ‹ˆλ‹€. ν”„λ‘œκ·Έλž˜λ° 둜직의 λŒ€λΆ€λΆ„μ˜ μ²˜λ¦¬λŠ” λ³€μˆ˜λ₯Ό 기반으둜 ν•œλ‹€κ³  해도 과언이 μ•„λ‹™λ‹ˆλ‹€. λ‹¨μˆœν•œ λ§μ…ˆ λ“±μ˜ 사칙 μ—°μ‚°λΆ€ν„° μ‹œμž‘ν•˜μ—¬ λ³΅μž‘ν•œ ν•¨μˆ˜μ˜ κ³„μ‚°κΉŒμ§€ λͺ¨λ‘ λ³€μˆ˜κ°€ κ΄€μ—¬ν•©λ‹ˆλ‹€.

μžλ°”μŠ€ν¬λ¦½νŠΈμ—μ„œ λ³€μˆ˜λŠ” μ•„λž˜μ™€ 같이 μ •μ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

var a;

μœ„λŠ” aλΌλŠ” λ³€μˆ˜λ₯Ό μ„ μ–Έν•œ μ½”λ“œμž…λ‹ˆλ‹€. λ³€μˆ˜λ₯Ό μ„ μ–Έν•˜κ³  아무 값도 ν• λ‹Ήν•˜μ§€ μ•ŠμœΌλ©΄ 기본적으둜 undefined λΌλŠ” μ΄ˆκΈ°κ°’μ„ κ°€μ§‘λ‹ˆλ‹€.

λ³€μˆ˜μ— κ°’ ν• λ‹Ήν•˜κΈ°

일반적으둜 λ³€μˆ˜λ₯Ό μ„ μ–Έν•˜κ³  λ‚˜λ©΄ λ³€μˆ˜ μ•ˆμ— μ›ν•˜λŠ” 값을 μ •μ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

var a;
a = 10;

μœ„ μ½”λ“œλŠ” aλΌλŠ” λ³€μˆ˜λ₯Ό μ •μ˜ν•˜κ³  이 λ³€μˆ˜μ— 10μ΄λΌλŠ” 숫자λ₯Ό ν• λ‹Ήν•œ μ½”λ“œμž…λ‹ˆλ‹€. λ‹€λ₯Έ ν”„λ‘œκ·Έλž˜λ° 언어와 달리 μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ μž…λ¬Έμžμ—κ²Œ 쒋은 μ΄μœ λŠ” μœ„μ™€ 같이 λ³€μˆ˜μ˜ νƒ€μž…(μ’…λ₯˜)을 μ •μ˜ν•˜μ§€ μ•Šμ•„λ„ μ½”λ“œλ₯Ό μ‹€ν–‰ν•  λ•Œ μžλ™μœΌλ‘œ νƒ€μž…μ΄ κ²°μ •λœλ‹€λŠ” μ μž…λ‹ˆλ‹€.

μ•„λž˜μ™€ 같이 μœ μ—°ν•˜κ²Œ μ½”λ“œμ˜ 값을 λ°”κΏ€ 수 μžˆμŠ΅λ‹ˆλ‹€.

var a;
a = 10;
console.log(a); // 10

a = 'hi';
console.log(a); // hi

a = false;
console.log(a); // false

λ³€μˆ˜μ˜ νƒ€μž… ν™•μΈν•˜κΈ° - typeof

μ•žμ—μ„œ λ³Έ κ²ƒμ²˜λŸΌ aλΌλŠ” λ³€μˆ˜μ˜ 값은 숫자, λ¬Έμžμ—΄, μ§„μœ„ κ°’ μˆœμ„œλ‘œ λ³€κ²½λ˜μ—ˆμŠ΅λ‹ˆλ‹€. μ—¬κΈ°μ„œλŠ” λ‹€ν–‰νžˆ ν• λ‹Ήν•œ 값을 μ‰½κ²Œ ꡬ뢄할 수 μžˆμ—ˆμ§€λ§Œ μ‹€μ œλ‘œ μ½”λ”©ν•˜λ‹€λ³΄λ©΄ μ•„λž˜μ™€ 같이 μ‰½κ²Œ νƒ€μž…μ„ μΆ”μΈ‘ν•˜κΈ°κ°€ μ–΄λ ΅μŠ΅λ‹ˆλ‹€.

<input value="100" />
var divElement = document.querySelector('input').value;
console.log(divElement);

이 λ•Œ divElement λ³€μˆ˜μ˜ νƒ€μž…μ„ 확인할 수 μžˆλŠ” 방법은 μ•„λž˜μ™€ κ°™μŠ΅λ‹ˆλ‹€.

console.log(typeof divElement);

이처럼 λ³€μˆ˜μ˜ νƒ€μž…μ€ typeof λΌλŠ” μ˜ˆμ•½μ–΄λ‘œ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

μ˜ˆμ•½μ–΄ : μ–Έμ–΄μ—μ„œ 미리 지정해놓은 ν‚€μ›Œλ“œ, 단어