๐Ÿ”ฅ #13 javascipt(ํ•จ์ˆ˜)

๋ฐ•์ค€์„ยท2022๋…„ 8์›” 26์ผ

javascript

๋ชฉ๋ก ๋ณด๊ธฐ
13/22
post-thumbnail

๐Ÿ”ฅ ํ•จ์ˆ˜

ํ•จ์ˆ˜๋Š” ์–ด๋–ค ์ผ์˜ ๋‹จ์œ„๋‹ค. ๋˜ํ•œ ์ž์ฃผ ์“ฐ๋Š” ๋‚ด์šฉ๋“ค์„ ๋ฌถ์–ด์„œ ํ•จ์ˆ˜๋กœ ๋งŒ๋“ค์–ด๋‘๋ฉด ํ•„์š”ํ•  ๋•Œ ์–ธ์ œ๋“  ๋ถˆ๋Ÿฌ๋‹ค ์“ธ ์ˆ˜ ์žˆ๋‹ค.

๐Ÿƒโ€โ™‚๏ธ ํ•จ์ˆ˜ ์ƒ๊น€์ƒˆ

function ํ•จ์ˆ˜์ด๋ฆ„ (๋งค๊ฐœ๋ณ€์ˆ˜) {
    ๋‚ด์šฉ์ž…๋ ฅ
    return ๋ฐ˜ํ™˜
}

๋งค๊ฒŒ ๋ณ€์ˆ˜ : ํ•จ์ˆ˜์— ์ „๋‹ฌํ•ด์•ผ ๋˜๋Š” ๋‚ด์šฉ์ด ์žˆ์„ ๋•Œ, ์ด ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋  ๋•Œ ์•Œ์•„์•ผ๋˜๋Š” ๋‚ด์šฉ์ด ์žˆ์„ ๋•Œ ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ํ†ตํ•ด ์ „๋‹ฌํ•œ๋‹ค.
return : ๋ฐ˜ํ™˜๊ฐ’, ํ•จ์ˆ˜ ์™„๋ฃŒ ํ›„ ๋ฐ˜ํ•œ๋˜์•ผํ•˜๋Š” ๊ฐ’์ด ์žˆ์„ ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.

function name(firstName, lastName){
    console.log("Hello",firstName,lastName,"Web site");
}
name("Park","junseok");

์˜ˆ์‹œ ์ฝ”๋“œ์ด๋‹ค. ํ•จ์ˆ˜๋Š” ๋ฐ˜๋“œ์‹œ ๋ถˆ๋Ÿฌ์•ผ ์‹คํ–‰๋œ๋‹ค.

๐Ÿƒโ€โ™‚๏ธ ํ•จ์ˆ˜์˜ ๋˜๋‹ค๋ฅธ ์ด๋ฆ„๋“ค

method : ๋ฉ”์„œ๋“œ, ํ•จ์ˆ˜์™€ ๊ฐ™์€ ๋œป์ด๋‹ค.
์ต๋ช…ํ•จ์ˆ˜(Anonymous function) : ์ด๋ฆ„์ด ์—†๋Š” ํ•จ์ˆ˜ function () {console.log()}. ํ•จ์ˆ˜๋ฅผ ๋ณ€์ˆ˜์— ๋„ฃ์–ด์ค„๋•Œ, ์ผ์‹œ์ ์œผ๋กœ ์“ฐ์ด๊ณ  ๋ง ํ•จ์ˆ˜๋“ค์— ๋Œ€ํ•ด์„  ์ต๋ช…ํ•จ์ˆ˜๋กœ ๋งŒ๋“ค์–ด์ค€๋‹ค.
๋žŒ๋‹ค์‹ ํ•จ์ˆ˜ : =>๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ•จ์ˆ˜๋ฅผ ์ •์˜ํ•˜๋Š” ๊ฒฝ์šฐ์ด๋‹ค. let arrowFunc = (y) => {console.log(y);} ๋žŒ๋‹ค์‹ ํ•จ์ˆ˜๋Š” ๊ฐ„๋žตํ•˜๊ฒŒ ์ž‘์„ฑ ํ•  ์ˆ˜ ์žˆ๋‹ค.
์ฝœ๋ฐฑํ•จ์ˆ˜ : ๋‹ค๋ฅธ ํ•จ์ˆ˜์˜ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ „๋‹ฌ๋œ ํ•จ์ˆ˜.
์˜ˆ์‹œ )

button.addEventListenr("click",setCount)
// ๋ฒ„ํŠผ์— ํด๋ฆญ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„๋•Œ setCountํ•จ์ˆ˜๋ฅผ ์ฝœ์„ ํ•œ๋‹ค
function setCount() {
    count++;
}

์ฝœ๋ฐฑ์€ ๋ง๊ทธ๋Œ€๋กœ ๋ถ€๋ฅธ๋‹ค๋Š” ๋œป์ด๋‹ค. ์ฃผ๋กœ ์–ด๋–ค ํ•จ์ˆ˜์— ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ๋“ค์–ด๊ฐ€ ์–ด๋–ค ํŠน์ •ํ•œ ์กฐ๊ฑด์ด ๋˜์—ˆ์„๋•Œ๋งŒ ํ˜ธ์ถœ์ด ๋œ๋‹ค.(ํด๋ฆญ์ด๋ฒคํŠธ๋‚˜ ํƒ€์ด๋จธ์ด๋ฒคํŠธ ๋“ฑ๋“ฑ)์ด ์žˆ๋‹ค.

profile
์•ˆ๋…•ํ•˜์„ธ์š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค. ๊ธ€์„ ์ด์ „ ์ค‘์ž…๋‹ˆ๋‹ค.

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