[๐Ÿฆ TIL 27์ผ์ฐจ] 7์›” 10์ผ

๊ทผ๋“€ยท2023๋…„ 7์›” 10์ผ
0

ํ”„๋ก ํŠธ์—”๋“œ์Šค์ฟจ TIL

๋ชฉ๋ก ๋ณด๊ธฐ
27/30
post-thumbnail

1. ํ•จ์ˆ˜ ํ‘œํ˜„์‹

let sayHi = function() {
  alert( "Hello" );
};
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ํ•จ์ˆ˜๋ฅผ ํŠน๋ณ„ํ•œ ์ข…๋ฅ˜์˜ ๊ฐ’์œผ๋กœ ์ทจ๊ธ‰ํ•œ๋‹ค.
  • ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค๊ณ  ๊ทธ ํ•จ์ˆ˜๋ฅผ ๋ณ€์ˆ˜์— ํ• ๋‹นํ•˜๊ธฐ
  • ๋ฌธ ๋’ค์—๋Š” ์„ธ๋ฏธ์ฝœ๋ก ์„ ์•ˆ์ฐ์–ด๋„๋˜์ง€๋งŒ ํ‘œํ˜„์‹์€ ๋’ค์— ์„ธ๋ฏธ์ฝœ๋ก ์„ ๋ถ™์—ฌ์•ผํ•œ๋‹ค

๐Ÿ“Œ ์ฝœ๋ฐฑ ํ•จ์ˆ˜
ํ•จ์ˆ˜๋ฅผ ํ•จ์ˆ˜์˜ ์ธ์ˆ˜๋กœ ์ „๋‹ฌํ•˜๊ณ , ํ•„์š”ํ•˜๋‹ค๋ฉด ์ธ์ˆ˜๋กœ ์ „๋‹ฌํ•œ ๊ทธ ํ•จ์ˆ˜๋ฅผ "๋‚˜์ค‘์— ํ˜ธ์ถœ(called back)"ํ•˜๋Š” ๊ฒƒ์ด ์ฝœ๋ฐฑ ํ•จ์ˆ˜์˜ ๊ฐœ๋…

๐Ÿ“Œ ํ•จ์ˆ˜ ํ‘œํ˜„์‹ VS ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ ์ฐจ์ด์ 
1. ๋ฌธ๋ฒ•

// ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ
function sum(a, b) {
  return a + b;
}
// ํ•จ์ˆ˜ ํ‘œํ˜„์‹
let sum = function(a, b) {
  return a + b;
};
  1. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ์–ธ์ œ ์ƒ์„ฑํ•˜๋Š”์ง€์— ๋”ฐ๋ผ ๋‹ค๋ฅด๋‹ค.
  • ํ•จ์ˆ˜ ํ‘œํ˜„์‹์€ ์‹ค์ œ ์‹คํ–‰ ํ๋ฆ„์ด ํ•ด๋‹น ํ•จ์ˆ˜์— ๋„๋‹ฌํ–ˆ์„ ๋•Œ ํ•จ์ˆ˜๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. ๋”ฐ๋ผ์„œ ์‹คํ–‰ ํ๋ฆ„์ด ํ•จ์ˆ˜์— ๋„๋‹ฌํ–ˆ์„ ๋•Œ๋ถ€ํ„ฐ ํ•ด๋‹น ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ์€ ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ์ด ์ •์˜๋˜๊ธฐ ์ „์—๋„ ํ˜ธ์ถœํ•  ์ˆ˜ ์žˆ๋‹ค.
  1. ์Šค์ฝ”ํ”„
    ์—„๊ฒฉ ๋ชจ๋“œ์—์„œ ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ์ด ์ฝ”๋“œ ๋ธ”๋ก ๋‚ด์— ์œ„์น˜ํ•˜๋ฉด ํ•ด๋‹น ํ•จ์ˆ˜๋Š” ๋ธ”๋ก ๋‚ด ์–ด๋””์„œ๋“  ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ธ”๋ก ๋ฐ–์—์„œ๋Š” ํ•จ์ˆ˜์— ์ ‘๊ทผํ•˜์ง€ ๋ชปํ•œ๋‹ค.

2. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜

//์ฒซ๋ฒˆ์งธ ๋ฐฉ๋ฒ•
(a, b) => a + b

//๋‘๋ฒˆ์งธ ๋ฐฉ๋ฒ•
(a, b) => {return a + b }

//์„ธ๋ฒˆ์งธ ๋ฐฉ๋ฒ•
a => a+1

//๋„ค๋ฒˆ์งธ ๋ฐฉ๋ฒ•
(a) => {return a + 1}

//๋‹ค์„ฏ๋ฒˆ์งธ ๋ฐฉ๋ฒ•
() => {return console.log('์•ˆ๋…•')}
  • ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋Š” ํ•จ์ˆ˜ ํ‘œํ˜„์‹์ด๋‹ค
  • ์ƒ์„ฑ์ž๋กœ์จ์˜ ๊ธฐ๋Šฅ์€ ์—†๊ณ  ํ•จ์ˆ˜๋กœ์จ์˜ ๊ธฐ๋Šฅ์ด ๊ฐ•ํ•˜๋‹ค. โ†’ ๊ทธ๋ž˜์„œ ๊ฐ€๋ณ

3. ํšŒ๊ณ 

์˜ค๋Š˜๋„ ์—ญ์‹œ๋‚˜ ๋ฉ˜๋ถ•...
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹œ์ž‘ํ•˜๊ณ  ๋ฉ˜๋ถ•์˜ค์ง€ ์•Š์€ ์ ์ด ์—†๋‹ค...
์ฝ”ํ…Œ์Šคํ„ฐ๋”” + ๋ณต์Šต๊นŒ์ง€ ํ•˜๋ ค๋‹ˆ๊นŒ ์ ์  ๋ธ”๋กœ๊ทธ ์“ธ ์‹œ๊ฐ„๋„ ์—†๋‹ค.
๋‚˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ•  ์ˆ˜ ์žˆ์„๊นŒ ๋งค์ผ ๊ทธ ๊ณ ๋ฏผ์ด๋‹คใ… ใ… ใ… ใ… 

profile
ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ์ทจ์ค€์ƒ์ž…๋‹ˆ๋‹ค.

0๊ฐœ์˜ ๋Œ“๊ธ€