화살표 함수

정승원·2023년 5월 8일
0

JavaScript

목록 보기
22/69
post-thumbnail

화살표 함수


선언 함수와, 표현식 함수와, 화살표 함수 방식을 적어 보았다. 화살표 함수는 굳이
function을 적지 않아도 되는 장점이 있다고 생각함.

선언 함수와 화살표 함수 차이


선언 함수는 이렇게 표현을 해서 총 3줄이 나오는데, 화살표 함수는 딱 1줄의 코드로 나와있는 걸 확인할 수 있다. 진짜 편리한 거 같다. 또, return키워드로 로직이 시작되면 생략하는 기능도 있다. 그리고 중괄호, 리턴을 없애 줘도 자동으로 바로 리턴하게 되는 것이다.

화살표 함수의 다양한 패턴


1. 화살표 함수는 어떤 변수에 할당을 해야하고, 소괄호 () 화살표 => 그리고 중괄호{}임. 그래서 함수 표현이 되는 것.
2. 화살표 함수는 매개변수가 하나면 () 소괄호 생략가능. 1개 이상이면 소괄호() 표현 해야 함. 또 아예 없을 때도 생략 불가.
3. 중괄호 바로 뒤에 return키워드가 있으면 중괄호 {}, return키워드 둘 다 생략 가능. 하지만 중괄호 바로 뒤에 return이 아닌 로직이 나온다면 생략 불가.
4. 중괄호와 {}, return키워드를 생략할 때, 반환 하는 데이터가 객체 데이터 일 때 소괄호를 써 주고 사용. ({})이렇게.]
5. 그 외엔 배열데이터는 그냥 소괄호 필요 없이 바로 배열데이터 대괄호를 사용하면 된다.

profile
프론트엔드 개발자 준비

0개의 댓글