๊ฐœ๋ฐœ ์ง€์‹, ์Šคํฌ๋ฆฝํŠธ/JavaScript, TS

JS Basic Syntax(ํ•จ์ˆ˜์™€ ํ•จ์ˆ˜ํ‘œํ˜„ ๋ฐฉ๋ฒ•)

์‹œํ๋ฆฌํ‹ฐ์ง€ํ˜ธ 2023. 12. 22. 19:15

ํ•จ์ˆ˜(Function)

 

ํ•จ์ˆ˜์˜ ์–ด์›์  ์˜๋ฏธ๋Š” ์–ด๋– ํ•œ ์ˆ˜๋ฅผ ์ƒ์ž์— ๋‹ด๊ณ  ์žˆ๋‹ค๋Š” ์˜๋ฏธ์ด๋‹ค.

 

ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ INPUT๊ณผ OUTPUT ์‚ฌ์ด์˜ Process๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์ด๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋Š”๋ฐ, ๊ทธ๋Ÿฌํ•œ ์ผ๋ จ์˜ ์ฝ”๋“œ๋“ค์„ ์•Œ๊ธฐ ์‰ฌ์šด ํ•˜๋‚˜์˜ ๋‹จ์œ„๋กœ ๋ฌถ์€ ๊ฒƒ๋„ ํ•จ์ˆ˜๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

 

์šฐ๋ฆฌ๊ฐ€ ์ฑ…์—์„œ ์›ํ•˜๋Š” ๋‚ด์šฉ์„ ์ฐพ๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ชฉ์ฐจ(์ธ๋ฑ์Šค)๋ฅผ ๋ณด๊ฑฐ๋‚˜ ๋ถ๋งˆํฌ ํ•ด๋‘” ์ฑ…๊ฐˆํ”ผ ๋“ฑ์„ ํ†ตํ•ด ์›ํ•˜๋Š” ํŽ˜์ด์ง€๋กœ ๊ฐ€์„œ ๋‚ด์šฉ์„ ์ฐพ์„ ์ˆ˜ ์žˆ๋“ฏ์ด, ์ฝ”๋“œ ์—ญ์‹œ ๋‚ด์šฉ์ด ๊ธธ์–ด์ง€๋ฉด ์›ํ•˜๋Š” ์ฝ”๋“œ์™€ ๊ฐ ์ฝ”๋“œ์˜ ๊ธฐ๋Šฅ ๋ณ„๋กœ ๋ฌถ์–ด์„œ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

 

ํ˜„์‹ค ์„ธ๊ณ„๋กœ ๋น„์œ ํ•˜๋ฉด ๋ฌด์ธ ํŒ๋งค๊ธฐ์ธ ํ‚ค์˜ค์Šคํฌ๋‚˜ ์Œ๋ฃŒ ์žํŒ๊ธฐ ๋“ฑ์„ ์˜ˆ๋กœ ๋“ค ์ˆ˜ ์žˆ๋‹ค.

-> ํŠน์ • ๋™์ž‘์—๋Š” ํŠน์ • ๊ฒฐ๊ณผ๊ฐ’๋งŒ ์ถœ๋ ฅํ•œ๋‹ค.

 

1. ํ•จ์ˆ˜์˜ ๊ธฐ๋ณธ ๊ตฌ์กฐ

 

 

2. ํ•จ์ˆ˜๋ฅผ ํ‘œํ˜„ํ•˜๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ์‹

 

1. 

// ์ฒซ ๋ฒˆ์งธ

function hello(name) {
	console.log(`Hello ${name}`)
}

hello("Jason")


// ๋‘ ๋ฒˆ์งธ

const sayHello = function(name) {
	console.log(`Hello ${name}`)
}

sayHello("Jason")


// ์„ธ ๋ฒˆ์งธ

const sayHello = (name) => {
	console.log(`Hello ${name}`)
}

sayHello("Jason")

 

*ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋ฅผ ๋งŽ์ด ์‚ฌ์šฉํ•œ๋‹ค. 

*return ๊ฐ’์€ ํ•œ ์ค„ ์ผ ๋•Œ ์ƒ๋žตํ•ด๋„ ๋œ๋‹ค

 

*์›ฌ๋งŒํ•˜๋ฉด {} ๋ถ™์ผ ๋•Œ๋Š” return์„ ๋ถ™์ด๊ณ  ์ ๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. (๊ฐ€๋” ์˜ค๋ฅ˜ ๋ฐœ์ƒ)