λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
개발/HTML, CSS, JS

ν•¨μˆ˜

by Jaeguk 2023. 1. 11.

ν•¨μˆ˜

μžλ°” 슀크립트둜 λ§Œλ“€ 수 μžˆλŠ” μ—¬λŸ¬ 가지 νŠΉμ •ν•œ λ™μž‘(κΈ°λŠ₯)을 μˆ˜ν–‰ν•  수 μžˆλŠ” μ½”λ“œμ˜ 집합.

 

ν•¨μˆ˜λ₯Ό μ„ μ–Έν•˜λŠ” 방법

functionμ΄λΌλŠ” ν‚€μ›Œλ“œλ₯Ό μ‚¬μš©ν•˜μ—¬ 선언을 μ‹œμž‘ν•˜λ©° function ν‚€μ›Œλ“œ λ’€μ—λŠ” ν•¨μˆ˜μ˜ 이름을 λ„£λŠ”λ‹€.

그리고 ν•¨μˆ˜μ˜ 이름을 ν†΅ν•΄μ„œ ν•¨μˆ˜λ₯Ό ν˜ΈμΆœν•  수 있고, 호좜된 ν•¨μˆ˜λŠ” λ‚΄μš©μ— μž‘μ„±λœ μ½”λ“œλ₯Ό 순차적으둜 μ‹€ν–‰ν•œλ‹€.

 

ν•¨μˆ˜ μ•ˆμ—μ„œ νŠΉμ •ν•œ 값을 λ°˜ν™˜ν•˜λ„λ‘ ν•  μˆ˜λ„ μžˆλ‹€.

 

ν•¨μˆ˜μ˜ μž¬μ‚¬μš©, μΈμˆ˜μ™€ λ§€κ°œλ³€μˆ˜

sumμ΄λΌλŠ” ν•¨μˆ˜λŠ” λ§€κ°œλ³€μˆ˜ a와 b에 μ €μž₯된 데이터λ₯Ό λ”ν•΄μ„œ λ°˜ν™˜ν•˜λŠ” ν•¨μˆ˜μ΄λ‹€.

ν•¨μˆ˜κ°€ ν˜ΈμΆœλ˜λŠ” λΆ€λΆ„μ—μ„œ 데이터λ₯Ό 인수둜 집어넣을 수 있고, κ·Έ 데이터λ₯Ό 받아쀄 λ³€μˆ˜λ₯Ό λ§€κ°œλ³€μˆ˜λΌκ³  λΆ€λ₯Έλ‹€.
λ§€κ°œλ³€μˆ˜μ— μ €μž₯된 λ°μ΄ν„°λŠ” ν•¨μˆ˜ λ‚΄μ—μ„œλ§Œ μ‚¬μš©ν•  수 μžˆλ‹€.

ν•œ 번 μ„ μ–Έλœ ν•¨μˆ˜λŠ” μ—¬λŸ¬ 번 μž¬μ‚¬μš©λ  수 μžˆλ‹€.

 

ν•¨μˆ˜ μ„ μ–Έ vs ν•¨μˆ˜ ν‘œν˜„

ν•¨μˆ˜λŠ” 이름을 κ°€μ§ˆ 수 μžˆμ§€λ§Œ 이름이 없이 μž‘μ„±λ˜λŠ” ν•¨μˆ˜λ„ μžˆλ‹€.

μ΄λŸ¬ν•œ 이름이 μ—†λŠ” ν•¨μˆ˜λ₯Ό 읡λͺ… ν•¨μˆ˜λΌκ³  ν•œλ‹€.

이름이 μ—†μœΌλ©΄ ν•¨μˆ˜λ₯Ό ν˜ΈμΆœν•  수 μ—†κΈ° λ•Œλ¬Έμ— 이름이 μ—†λŠ” ν•¨μˆ˜λŠ” 아무 μ“Έλͺ¨κ°€ ν•¨μˆ˜κ°€ λœλ‹€.
κ·Έλ ‡κΈ° λ•Œλ¬Έμ— 읡λͺ… ν•¨μˆ˜λ“€μ€ μ–΄λ–€ λ°μ΄ν„°λ‘œμ„œ ν™œμš©λ  μˆ˜λ„ 있고, λ³€μˆ˜μ— λ„£μ–΄μ„œ μ‚¬μš©ν•  μˆ˜λ„ μžˆλ‹€.

function ν‚€μ›Œλ“œλ₯Ό μ‚¬μš©ν•˜κ³  ν•¨μˆ˜μ˜ 이름을 λͺ…μ‹œν•˜λ©΄ ν•¨μˆ˜λ₯Ό μ„ μ–Έν•œλ‹€κ³  ν•˜κ³ 
읡λͺ…μœΌλ‘œ μž‘μ„±λ˜λŠ” ν•¨μˆ˜λŠ” ν•¨μˆ˜λ₯Ό μ„ μ–Έν•œλ‹€κ³  ν•˜μ§€ μ•Šκ³  ν•¨μˆ˜λ₯Ό ν‘œν˜„ν•œλ‹€κ³  ν•œλ‹€.

 

읡λͺ… ν•¨μˆ˜λŠ” λ°μ΄ν„°λ‘œμ„œ ν™œμš©μ΄ 될 수 μžˆλ‹€κ³  ν–ˆλ‹€.

속성 뢀뢄에 ν•¨μˆ˜κ°€ ν‘œν˜„λ˜μ–΄ 있으면 이λ₯Ό λ©”μ†Œλ“œλΌκ³  ν•œλ‹€.

728x90

'개발 > HTML, CSS, JS' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

λ©”μ†Œλ“œ 체이닝(Method Chaining)  (0) 2023.01.12
DOM API  (0) 2023.01.12
λ³€μˆ˜, μ˜ˆμ•½μ–΄  (0) 2023.01.11
데이터 μ’…λ₯˜(μžλ£Œν˜•)  (0) 2023.01.11
κ°œμš”  (0) 2023.01.11