안녕하세요! 오늘은 저번에 이어 함수의 내용이지만 화살표 함수에 대한 내용을 가져왔습니다!
동작되는 결과 값은 같지만 조금 더 간단하게 접근할 수 있기 때문에 화살표 함수를 쓰기도 하는데요
알고는 있었지만 다시 기초부터 천천히 하기 위해 다시 공부를 하고 velog에 끄적여봅니다...ㅎ
그러면 바로 들어가봅시다!
화살표 함수가 뭐죠?
네 화살표 함수는
화살표 함수는 함수를 간결하게 정의하고 다루기 쉽게 만들어줄 수 있습니다
위의 이미지처럼 코드를 작성해볼 수 있는데요
위와 아래의 결과는 모두 동일합니다
여기서 보이는 큰 차이점은 const 정도가 보이네요
화살표 함수에서는 function과 mysum1인 식별자를 적지 않아도 가능합니다
하지만 식별자가 없으면 실행이 가능하지 않기 때문에 변수에 화살표 함수를 할당을 해주어야하기 때문에 해당 코드가 작성이 되었던 것 입니다!
그럼 왜 쓰는거죠?
큰 차이점이 없는 것 같은데 왜 쓰는 거죠? 라고 생각하실 수 있습니다
일단 가장 큰 이유는 조금이라도 간단하게 작성하기 위해서 화살표 함수를 이용합니다 사람 마다 다르겠지만 화살표 함수가 더 직관적이라고 하는 사람도 있기 때문이죠
흠... 이게 끝인가요?
아닙니다! 가장 먼저 화살표 함수의 큰 장점은 간단하게 작성할 수 있다라고 설명 드렸는데요
아래의 코드를 보시면
조금 더 간결해진 것을 보실 수 있죠? 세 줄을 한 줄로 변경할 수 있었습니다
여기서 화살표 함수의 큰 장점이 나오게 되는데 화살표 함수는 return 이 하나만 있다면
중괄호인 {} 기호를 생략하고 return 도 생략하여 바로 작성을 할 수 있습니다
그리고!
전달하고자 하는 매개변수가 한개만 주어진다면 소괄호도 생략해줄 수 있습니다!
그리고!
전달하고자 하는 매개변수가 없으면 위와 같이 더 간단하게 적을 수도 있습니다 :)
그리고 조금 더 긴 코드를 바꿔보면
(유튜브 '수코딩' 영상을 참고하였습니다)
위와 같은 코드를
이렇게 더욱 간단하게 표현할 수도 있습니다
하나씩 풀어보면 function mysum1 함수명을 삭제를 해주고 const mysum1 으로 변수에 묶어줍니다
그리고 (x) 매개변수를 적어주고 return function inner 값을 () 으로 바꿔주고
마지막 return x * x; 를 => x * x; 로 변환 해주었습니다
짧은 코드일 때에는 몰랐는데 긴 코드를 보면 확실 화살표 함수가 간단해보이죠?
네! 오늘은 화살표 함수에 대해 알아보았습니다!
코드에 익숙하신 분들을 화살표 함수를 많이 이용한다고 하더라구요!
하지만 저는 아직 코린이고 함수조차도 익숙하지 않는 사람이기 때문에 화살표 함수를 최대한 쓰지 않고 코드를 작성하곤 합니다...
그래도 익숙해지면 저도 화살표 함수를 쓰면서 코드를 작성할 수 있겠죠...?
이 글을 보시는 분들 중에 저 같은 분이 있을지 모르겠지만 혹시 있으시다면 같이 화이팅입니다 ㅎ
네! 그러면 오늘도 행복하자구요~~!
