함수를 정의할때는 화살표함수를 사용할 수 없음.
화살표식 표현법은 익명함수나 콜백함수로 사용할 때만 사용가능.
(익명함수에 대해서 잘 모른다면 나중에 초급 카테고리에 포스팅하겠습니다.)
<기존 ES5식 익명함수 정의>
<ES6 이후 화살표함수를 이용한 익명함수 정의>
<위처럼 너무 간단해서 한줄로 표현가능할 경우, 중괄호와 return 키워드까지 생략가능하여 더 간단히 작성 가능.>
생략된 것들
1. function 키워드
2. {} 생략 가능 (한줄일때만)
3. return 키워드 생략가능 (한줄일때만)
정확히 말하자면, 화살표함수를 한줄로 표현하게되면 => 다음에 return 키워드가 암묵적으로 무조건 들어가 있음.
4. 위의 코드에서는 나오지 않는데, 파라미터가 한개라면 가로()도 생략 가능.
파라미터가 2개 이상이라면 가로를 써줘야합니다. (value1, value2) => {함수내용} 이런식으로..
화살표함수의 진면목은 콜백함수를 쓸 때 입니다.
(콜백함수에 대해서 잘 모른다면 나중에 초급 카테고리에 포스팅하겠습니다.)
<기존 ES5 이하에서 쓰던 콜백방식>
<ES6 이후 화살표 표현식을 이용한 콜백방식>
참고로 위의 코드설명에서 쓰인 filter()함수는 배열에 사용하는 함수로써, 어떤 배열의 요소들 중에 콜백함수에 조건에 맞는 요소값들만 걸러내어서 새로운 배열을 만들어 리턴하는 함수입니다.
위의 코드에서는 콜백함수의 내용으로 (필터의 조건으로써) 요소값들이 5 보다 큰 요소들만 모아서 다시 배열을 만들어서 그 배열을 리턴합니다.
anyArray = [1,2,3,4,5,6,7,8,9,10] 이였다면 위의 필터를 통해 리턴되는 새로운 배열 resultArray = [6,7,8,9,10] 가 됩니다.
*틀린 점이 있다면 댓글로 달아주세요. 아직 배우는 학생이랍니다.
*질문도 댓글로 적어주시면 답변할 수 있는 한도내에서 답변해드리겠습니다.
감사합니다. "쿠쿠하마"입니다.