JavaScript

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ (Arrow Function)๋ž€?

martinooo 2022. 12. 28. 12:54

๐Ÿคท‍โ™‚๏ธ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜?


ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋Š” 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;