์ƒ์„ธ ์ปจํ…์ธ 

๋ณธ๋ฌธ ์ œ๋ชฉ

์ฝ”๋“œ์นด๋ฐ๋ฏธ Javascript - Variables (๋ณ€์ˆ˜ ์„ ์–ธ, ์ถœ๋ ฅ, typeof ์—ฐ์‚ฐ์ž)

IT/Javascript

by J KIMS 2020. 9. 14. 17:36

๋ณธ๋ฌธ

๋ฐ˜์‘ํ˜•

Variables

๐Ÿ’ก ๋ณ€์ˆ˜ ์ด๋ฆ„์„ ์„ ์–ธํ• ๋•Œ๋Š” Camel Case ๋ฐฉ์‹์œผ๋กœ ๋‹จ์–ด์˜ ์•ž ๊ธ€์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ํ•จ.

๋‹จ, ์ฒซ๋ฒˆ์งธ ๋‹จ์–ด๋Š” ์†Œ๋ฌธ์ž๋กœ ํ•˜๋Š”๊ฒŒ ์ผ๋ฐ˜์ ์ธ ๋ฃฐ. e.g.) myVariable

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š” ํ‚ค์›Œ๋“œ

- var

- let (ES6)

- const (ES6) : constant variable

 

let ์˜ ํŠน์ง•

  • ๊ฐ’์„ ํ• ๋‹นํ•˜์ง€ ์•Š์œผ๋ฉด ์ž๋™์œผ๋กœ undefined ์œผ๋กœ ์ดˆ๊ธฐํ™”๋จ

  • ๊ฐ’์„ ๋‚˜์ค‘์— ํ• ๋‹นํ•˜๋Š”๊ฒŒ ๊ฐ€๋Šฅ (reassign)

const ์˜ ํŠน์ง•

  • reassign์ด ๋ถˆ๊ฐ€๋Šฅ (ํ•œ ๋ฒˆ ์„ ์–ธํ•œ ๊ฐ’์œผ๋กœ ๊ณ ์ •๋˜๊ธฐ ๋•Œ๋ฌธ) ๋งŒ์•ฝ reassign์„ ์‹œ๋„ํ•˜๋ฉด TypeError๊ฐ€ ๋œธ

  • ์„ ์–ธํ•  ๋•Œ ๋ฐ˜๋“œ์‹œ ๊ฐ’์„ ํ• ๋‹นํ•ด์•ผํ•จ ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด SyntaxError ๋ฐœ์ƒ

 

๐Ÿšฉ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜๋ฅผ ์ฝ˜์†”๋กœ ํ™”๋ฉด์— ์ถœ๋ ฅํ•  ๋•Œ์˜ ๋ฐฉ๋ฒ•

 

const favoriteAnimal = 'Hamster';
console.log('My favorite animal:'+favoriteAnimal);

 

์›๋ž˜ ์œ„์™€ ๊ฐ™์ด string ๋ถ€๋ถ„์€ '' ๋กœ ๋ฌถ๊ณ  ๋ณ€์ˆ˜๋Š” + ๊ธฐํ˜ธ๋’ค์— ๋”ฐ๋กœ ์จ์•ผ ํ–ˆ์—ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ES6 ๊ฐœ์ • ์ดํ›„ ๋ฐฑํ‹ฑ๊ณผ ๋‹ฌ๋Ÿฌ ๊ด„ํ˜ธ๋ฅผ ์ด์šฉํ•ด ๋” ๊ฐ„๋‹จํžˆ ์“ธ ์ˆ˜ ์žˆ๊ฒŒ ๋จ. ๊ฐ€๋…์„ฑ๋„ ํ›จ ๋‚˜์€๋“ฏ

 

const myName = 'JKim';
const myCity = 'Tokyo';
console.log(`My name is ${myName}. My favorite city is ${myCity}.`);

 

์ „์ฒด ๋ฌธ์žฅ์„ ๋ฐฑํ‹ฑ ๊ธฐํ˜ธ ` ๋กœ ๊ฐ์‹ธ๊ณ  ๋ณ€์ˆ˜๋Š” ${} ์•ˆ์— ์ ๋Š”๋‹ค. ๐Ÿ‘‰ string interpolation

 

๐Ÿ’ก typeof ์—ฐ์‚ฐ์ž

๋ณ€์ˆ˜์˜ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ํ™•์ธํ•  ๋•Œ ์”€

 

let newVariable = 'Playing around with typeof.';

console.log(typeof newVariable); //string
newVariable = 1;
console.log(typeof newVariable); //number

 

 

โ€ป Codecademy์˜ Learn JavaScript ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์ž‘์„ฑํ•œ ๋ฉ”๋ชจ์ž…๋‹ˆ๋‹ค.

 

๋ฐ˜์‘ํ˜•

๊ด€๋ จ๊ธ€ ๋”๋ณด๊ธฐ

๋Œ“๊ธ€ ์˜์—ญ