TIL/JavaScript

TIL 2 (1) : ๋ณ€์ˆ˜ (JavaScript)

Deviloper๐Ÿ˜ˆ 2021. 7. 20. 18:30

๋ณ€์ˆ˜ (Variable)

์ผ์ข…์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฃจ๋Š” ๋ฐฉ๋ฒ•.

๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๊ด€ํ•˜๋Š” ๊ณณ์„ '๋ฉ”๋ชจ๋ฆฌ'๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  ๋ฉ”๋ชจ๋ฆฌ์˜ ํฌ๊ธฐ๋Š” ๋™์ผํ•œ๋ฐ, ๊ฐ๊ฐ์˜ ๋ฉ”๋ชจ๋ฆฌ๋ฅผ ๊ตฌ๋ถ„ํ•ด์ฃผ๋ ค๋ฉด ์ด๋ฆ„์ด ํ•„์š”ํ•˜๊ฒ ์ฃ . ์ด๋•Œ์˜ ์ด๋ฆ„์ด '๋ณ€์ˆ˜'์ž…๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๊ฐ๊ฐ์˜ ๋ฉ”๋ชจ๋ฆฌ์— ๋ณ€์ˆ˜๊ฐ€ ์žˆ์œผ๋ฉด ์–ผ๋งˆ๋“ ์ง€ ๋ณ€์ˆ˜๋ฅผ ํ™œ์šฉํ•ด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด๋ฆ„(๋ณ€์ˆ˜๋ช…)์—๋Š” ๊ณต๋ฐฑ์„ ์“ธ ์ˆ˜ ์—†์œผ๋ฏ€๋กœ ๋ณดํ†ต ๋‹จ์–ด์˜ ์ฒซ ๊ธ€์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ํ•ด์„œ ๊ตฌ๋ถ„ํ•ฉ๋‹ˆ๋‹ค. ์ƒ๊น€์ƒˆ๊ฐ€ ๋‚™ํƒ€ ๋“ฑ ๋ชจ์–‘์ฒ˜๋Ÿผ ์ƒ๊ฒจ Camel Case๋ผ๊ณ  ๋ถ€๋ฅด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค.

ex) getTriangleArea

 

๋ณ€์ˆ˜ ์„ ์–ธ(Declaration): ๋ฉ”๋ชจ๋ฆฌ์— ์ด๋ฆ„ ๋ถ™์—ฌ์ฃผ๊ธฐ

๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š” ๋ฐฉ์‹์€ ํฌ๊ฒŒ 3๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 

1) var

2) let

3) const

์ฐธ์กฐ) ๋ณ€์ˆ˜์„ ์–ธ๋ฐฉ์‹ ์ฐจ์ด

https://velog.io/@bathingape/JavaScript-var-let-const-%EC%B0%A8%EC%9D%B4%EC%A0%90

 

ํ• ๋‹น(Assignment): ๋ฉ”๋ชจ๋ฆฌ ์•ˆ์— ๋ฐ์ดํ„ฐ ์ž…๋ ฅ

ํ• ๋‹น์€ '='์„ ์ด์šฉํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ ์ฃผ์˜ํ•  ๊ฒƒ์ด ์ผ๋ฐ˜์ ์œผ๋กœ '='์€ '๊ฐ™๋‹ค'์˜ ์˜๋ฏธ๋กœ ์‚ฌ์šฉํ•˜์ง€๋งŒ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ๋Š” ์ด ์˜๋ฏธ๋กœ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ๋Š” '='์„ ์ด์šฉํ•ด์„œ ๋ฉ”๋ชจ๋ฆฌ ์•ˆ์— ๋ฐ์ดํ„ฐ๋ฅผ ๋„ฃ์–ด์ค๋‹ˆ๋‹ค. 

 

์„ ์–ธ๊ณผ ํ• ๋‹น ๋™์‹œ์— ๊ฐ€๋Šฅ

let minus=10; #let์„ ์ด์šฉํ•ด์„œ ๋ฉ”๋ชจ๋ฆฌ๋ฅผ 'minus'๋กœ ์„ ์–ธํ•˜๊ณ  10์ด๋ผ๋Š” ๋ฐ์ดํ„ฐ ํ• ๋‹น
minus=minus-1;
minus=minus-2;
minus=minus-3;

 

๋ณ€์ˆ˜๋ฅผ ์ด์šฉํ•œ ์‹์„ ํ‘œํ˜„์‹์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ํ•˜๋‚˜์˜ ์‹ ์•ˆ์— ์—ฌ๋Ÿฌ ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ณ , ํ‘œํ˜„์‹์˜ ๊ฒฐ๊ณผ๋ฌผ์„ ๋‹ค์‹œ ๋ณ€์ˆ˜๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 

 

์• ๋งคํ•œ ๊ฐœ๋… ์žก๊ธฐ

ํ•จ์ˆ˜ function์˜ ์ฒซ ๋ฒˆ์งธ ์ธ์ž๋กœ ๋ฌธ์ž์—ด "Yun"์„ ๋„ฃ์–ด์„œ ํ˜ธ์ถœํ•˜๊ณ , ๊ทธ ๊ฒฐ๊ณผ๊ฐ’์„ ๋ณ€์ˆ˜ word์— ํ• ๋‹นํ•˜๋ ค๋ฉด?

let word=function("Yun");