πŸ‘‰πŸ» JS : ν™”μ‚΄ν‘œ ν•¨μˆ˜ - arrow function

sebinnnnnΒ·2023λ…„ 1μ›” 30일
1

JavaScript 기초

λͺ©λ‘ 보기
5/8
post-thumbnail

πŸ’‘ arrow functionλŠ” 일반 ν•¨μˆ˜ ν‘œν˜„μ‹λ³΄λ‹€ κ°„κ²°ν•œ λ¬Έλ²•μœΌλ‘œ ν•¨μˆ˜λ₯Ό λ§Œλ“€ 수 μžˆλŠ” 방법 쀑 ν•˜λ‚˜!
β†’ ν•¨μˆ˜ ν‘œν˜„μ‹μ— ν™”μ‚΄ν‘œ(β‡’)κ°€ μ‚¬μš©λ˜μ–΄ ν™”μ‚΄ν‘œ ν•¨μˆ˜λΌκ³  λΆ€λ₯Έλ‹€.

πŸ“ [ ꡬ체적인 μ˜ˆμ‹œλ‘œ ν™”μ‚΄ν‘œ ν•¨μˆ˜ μ‚΄νŽ΄λ³΄κΈ° ]

let sum = (a, b) => a + b;

console.log(sum(2, 3)) // 5좜λ ₯

// 인수 a와 bλ₯Ό λ°›μœΌλ©΄ ν™”μ‚΄ν‘œ 우츑의 ν‘œν˜„μ‹μ„ ν‰κ°€ν•˜κ³  ν‰κ°€ν•œ κ²°κ³Όλ₯Ό λ°˜ν™˜ν•œλ‹€.

πŸ”½

let sum = (a, b) => a + b;

console.log(sum(2, 3)) // 5좜λ ₯

// 인수 a와 bλ₯Ό λ°›μœΌλ©΄ ν™”μ‚΄ν‘œ 우츑의 ν‘œν˜„μ‹μ„ ν‰κ°€ν•˜κ³  ν‰κ°€ν•œ κ²°κ³Όλ₯Ό λ°˜ν™˜ν•œλ‹€.

μœ„μ—λŠ” ν™”μ‚΄ν‘œ ν•¨μˆ˜λ‘œ ν‘œν˜„ν•œ sum / μ•„λž˜λŠ” κΈ°μ‘΄ ν•¨μˆ˜ ν‘œν˜„μ‹μœΌλ‘œ ν‘œν˜„ν•œ sum
β†’ arrow function이 κΈ°μ‘΄ ν•¨μˆ˜ ν‘œν˜„μ‹λ³΄λ‹€ 훨씬 κ°„κ²°ν•˜κ³  λ‹¨μˆœν•˜κ²Œ ν‘œν˜„λœλ‹€.

let double = n => n * 2

// μΈμˆ˜κ°€ 1개라면 인수λ₯Ό κ°μ‹ΈλŠ” κ΄„ν˜Έλ₯Ό μƒλž΅ν•  수 μžˆλ‹€.
// μΈμˆ˜κ°€ 없을 λ•ŒλŠ” κ΄„ν˜Έλ₯Ό λΉ„μ›Œλ†“λŠ”λ‹€. -> ()
let sum (a, b) => {
	let result = a + b
	return result
}

console.log(sum(2, 3)) // 5좜λ ₯

// 일반 ν•¨μˆ˜μ™€ 같이 ν™”μ‚΄ν‘œ ν•¨μˆ˜λ„ μ—¬λŸ¬μ€„λ‘œ ν‘œν˜„ κ°€λŠ₯ν•œλ‹€!

πŸ’‘Β ν‘œν˜„μ‹μ΄ κ°„κ²°ν•˜λ‹€κ³  ν•΄μ„œ λͺ¨λ“  ν•¨μˆ˜λ₯Ό ν™”μ‚΄ν‘œ ν•¨μˆ˜λ‘œ μ‚¬μš©ν•  수 μžˆλŠ” 것은 μ•„λ‹ˆλ‹€!
ν™”μ‚΄ν‘œ ν•¨μˆ˜μ˜ ν•œκ³„λ„ λΆ„λͺ… μ‘΄μž¬ν•˜κΈ° λ•Œλ¬Έμ— μ‚¬μš©ν•  수 μžˆλŠ” κ²½μš°μ—λ§Œ μ μ ˆν•˜κ²Œ μ‚¬μš©ν•΄μ•Ό ν•œλ‹€.
β‡’ ν™”μ‚΄ν‘œ ν•¨μˆ˜μ˜ νŠΉμ§•μ΄λ‚˜ 이점에 λŒ€ν•΄μ„œλŠ” λ‹€λ₯Έ λ¬Έλ²•λ“€μ˜ 기초 지식이 μžˆμ–΄μ•Ό μ œλŒ€λ‘œ 이해할 수 μžˆμ„ 것 κ°™μ•„μ„œ 좔후에 μΆ”κ°€μ μœΌλ‘œ 닀뀄볼 μ˜ˆμ •μ΄λ‹€.

profile
🏠 λΈ”λ‘œκ·Έ 이전 쀑 β†’ https://medium.com/@sebinndev

0개의 λŒ“κΈ€