JavaScript

ν™”μ‚΄ν‘œ ν•¨μˆ˜ (Arrow Function)λž€?

martinooo 2022. 12. 28. 12:54
728x170

🀷‍♂️ ν™”μ‚΄ν‘œ ν•¨μˆ˜?


ν™”μ‚΄ν‘œ ν•¨μˆ˜λŠ” ES6에 λ„μž…λœ μƒˆλ‘œμš΄ κΈ°λŠ₯으둜 일함 ν•¨μˆ˜λ³΄λ‹€ κ°„κ²°ν•˜κ³  짧게 μž‘μ„±ν•  수 μžˆλ‹€. 

일반 ν•¨μˆ˜μ™€ ν™”μ‚΄ν‘œ ν•¨μˆ˜λŠ” λ™μž‘ 방식은 λΉ„μŠ·ν•˜μ§€λ§Œ λͺ‡κ°€μ§€ 차이점이 μžˆλ‹€.


🀷‍♂️ ꡬ문?


더짧은 μ½”λ“œλ‘œ ν•¨μˆ˜λ₯Ό μ„ μ–Έν•  수 μžˆλ‹€.

μΌλ°˜ν•¨μˆ˜
function addFunc(x, y) { 
	return x + y; 
};


ν™”μ‚΄ν‘œ ν•¨μˆ˜
let addFunc = (x, y) => {
	return x + y
};
κ°€μž₯ μ€‘μš”ν•˜λ©΄μ„œ κ°„κ²°ν•˜κ²Œ μ‚¬μš©ν•  수 μžˆλŠ” λ°©λ²•μœΌλ‘œ return문을 μƒλž΅ν•  수 μžˆλ‹€. 
  • ν™”μ‚΄ν‘œ ν•¨μˆ˜λŠ” 본문이 짧은 경우 μ€‘κ΄„ν˜Έμ™€ return문을 μƒλž΅ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 
μƒλž΅ μ „
let addFunc = (x, y) => { return x + y }

μƒλž΅ ν›„
let addFunc = (x, y) => x + y;
  • μΈμžκ°’μ΄ 1개일 κ²½μš°λ„ μƒλž΅μ΄ κ°€λŠ₯ν•˜λ‹€. 
μƒλž΅ μ „ 
let twiceFunc = (x) => { return x * 2 };

μƒλž΅ ν›„ 
let twiceFunc = x => x * 2;
κ·Έλ¦¬λ“œν˜•