๐Ÿ›ผ study/๐Ÿ“ฒ tech

[javascript] javascript ํ•ต์‹ฌ ๋ฌธ๋ฒ•

jcowwk 2024. 4. 8. 21:11

javascript ํ•ต์‹ฌ ๋ฌธ๋ฒ•


javascript ํ•ต์‹ฌ ๋ฌธ๋ฒ• ์ •๋ฆฌ ์ž…๋‹ˆ๋‹ค !

 

1. ๋ณ€์ˆ˜์™€ ๋ฐฐ์—ด

2. ํ•จ์ˆ˜์™€ ๊ฐ์ฒด(feat. ๋žŒ๋‹ค ํ•จ์ˆ˜)


1. ๋ณ€์ˆ˜์™€ ๋ฐฐ์—ด

๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š” ํ‚ค์›Œ๋“œ๋Š” var, let, const๊ฐ€ ์žˆ๋‹ค.

๊ณผ๊ฑฐ์—๋Š” var์„ ์‚ฌ์šฉํ–ˆ๊ณ , ์ตœ๊ทผ์—๋Š” ๊ฐ€๋ณ€ํ˜• let๊ณผ ๋ถˆ๋ณ€ํ˜• const๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•œ๋‹ค.

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋ฏธ๋ฆฌ ํ˜•์„ ์ง€์ •ํ•˜์ง€ ์•Š๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

๋ฐฐ์—ด์˜ ๊ฒฝ์šฐ์—๋Š” ๋ฐฐ์—ด์˜ ํฌ๊ธฐ๋ฅผ ์ •ํ•˜์ง€ ์•Š๊ณ  ์„ ์–ธํ•  ์ˆ˜ ์žˆ๋‹ค.

๋ฐฐ์—ด์„ ์„ ์–ธํ•  ๋•Œ Array("์•ˆ๋…•", 1, false) ์ฒ˜๋Ÿผ ๋‹ค๋ฅธ ํ˜•์„ ๊ฐ€์ ธ๋„ ๊ฐ™์€ ๋ฐฐ์—ด์— ๋‹ด์„ ์ˆ˜ ์žˆ๋‹ค.

 

2. ํ•จ์ˆ˜์™€ ๊ฐ์ฒด(feat. ๋žŒ๋‹ค ํ•จ์ˆ˜)

- ์ผ๋ฐ˜ ํ•จ์ˆ˜

์ผ๋ฐ˜์ ์ธ ํ•จ์ˆ˜๋Š” function ํ•จ์ˆ˜์ด๋ฆ„(์ธ์ˆ˜) { ๋ช…๋ น๋ฌธ; } ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

 

- ์ต๋ช… ํ•จ์ˆ˜

์ต๋ช… ํ•จ์ˆ˜๋Š” function (์ธ์ˆ˜) { ๋ช…๋ น๋ฌธ; } ์œผ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

const ๋ณ€์ˆ˜์ด๋ฆ„ = function (์ธ์ˆ˜) { ๋ช…๋ น๋ฌธ; } ์œผ๋กœ๋„ ํ‘œํ˜„ ๊ฐ€๋Šฅํ•˜๋‹ค.

ํ•œ๋ฒˆ๋งŒ ์‚ฌ์šฉํ•˜๊ณ  ๋ง ํ•จ์ˆ˜๋Š” ์ต๋ช… ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๋ถˆํ•„์š”ํ•œ ๋ฉ”๋ชจ๋ฆฌ ๋‚ญ๋น„๋ฅผ ์ค„์ผ ์ˆ˜ ์žˆ๋‹ค.

 

- ๋žŒ๋‹ค ํ•จ์ˆ˜

 ๋žŒ๋‹ค ํ•จ์ˆ˜๋Š” (์ธ์ˆ˜) => { ๋ช…๋ น๋ฌธ; } ์œผ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

const ๋ณ€์ˆ˜์ด๋ฆ„ = (์ธ์ˆ˜) => { ๋ช…๋ น๋ฌธ; }์œผ๋กœ๋„ ํ‘œํ˜„ ๊ฐ€๋Šฅํ•˜๋‹ค.

 

- ๊ฐ์ฒด

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ธฐ๋ณธ ํƒ€์ž…์€ ๊ฐ์ฒด๋‹ค.

const person = { name: 'soyeon', action: test } ๋กœ ์„ ์–ธํ•  ์ˆ˜ ์žˆ๋‹ค.

 

๋งŒ์•ฝ ๊ฐ์ฒด๋ฅผ ์„ ์–ธํ•˜๊ธฐ ์ „ test๋ผ๋Š” ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค๋ฉด

person.action(); ์„ ํ•˜๋ฉด testํ•จ์ˆ˜๊ฐ€ ํ˜ธ์ถœ ๋œ๋‹ค.

person.action; ๋งŒ ํ•œ๋‹ค๋ฉด testํ•จ์ˆ˜์˜ ์ •์˜ ๊ทธ ์ž์ฒด๊ฐ€ ๋ฐ˜ํ™˜๋œ๋‹ค.