JS Basic Syntax(ํจ์์ ํจ์ํํ ๋ฐฉ๋ฒ)
ํจ์(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์ ๋ถ์ด๊ณ ์ ๋ ๊ฒ์ด ์ข๋ค. (๊ฐ๋ ์ค๋ฅ ๋ฐ์)