[JS] 화살표 함수 =>

또띠·2023년 7월 24일
1

JavaScript

목록 보기
3/23
post-thumbnail
post-custom-banner

솔직하게 화살표 함수 생긴게 좀 그래서...😭
어려워 보이기도 하고 손에 잘 가지도 않아 안쓰려고 하지만
잘 쓰이는 형태라고 해서 눈물을 머금고 친숙해지려고 마음 먹었다.

오늘 공부하면서 신기한 형태의 화살표 함수 사용법을 익혔는데 다음과 같다.

가장 기본적인 형태의 화살표 함수

let arrowFunction01 = (x,y) => {
    return x + y;
}


그리고 오늘 공부하면서 새롭게 알게된 부분인데,

let arrowFunction02 = (x,y) => x + y; // 한줄은 중괄호 없어도됨

위와 같이 실행될 코드가 한줄이라면 중괄호('{}')가 생략이 가능하다는 것!
그래도 실수 방지를 위해 중괄호를 넣어 사용하려고 한다. 😅


만약 매개변수가 1개인 경우에는 다음과 같이도 작성할 수 있다!

function testFunc(x) {
    return x;
}

매개변수(x)가 1개 밖에 없는 이 함수를 화살표 함수로 바꾸면?

let arrowFunction04 = x => x

이런식으로 ()와 {}를 모두 생략 가능하다는 것! 🤩

profile
✨ 𝑬𝒗𝒆𝒓𝒚𝒕𝒉𝒊𝒏𝒈 𝒄𝒐𝒎𝒆𝒔 𝒕𝒐 𝒉𝒊𝒎 𝒘𝒉𝒐 𝒉𝒖𝒔𝒕𝒍𝒆𝒔 𝒘𝒉𝒊𝒍𝒆 𝒉𝒆 𝒘𝒂𝒊𝒕𝒔. ✨
post-custom-banner

0개의 댓글