반응형
화살표 함수가 어떻게 쓰이는지 알아보려고 한다
일단 함수의 기본 구조이다
function square(num){
return num*num;
}
화살표 함수로 바꾸면
const square = (num) => {
return num * num;
}
function 이라는 키워드만 사라졌는데도
깔끔해진거 같다
하지만 더 줄일 수 있다.
매개변수가 1개일 때
const square = num => {
return num * num;
}
매개변수의 소괄호를 () 생략 가능하다.
2개 이상부터는 괄호가 없으면 에러가 난다.
암시적 반환
const square = num => (
num * num;
)
문장부분에 중괄호를 소괄호로 바꾸면
return 키워드를 생략 가능하다
표현식이 1개 일때
const square = num => num * num
괄호를 생략 가능하다
표현식이 2개 이상이면 에러가난다.
최종적으로 아주 심플해진 함수의 모습이다
반응형
'javascript' 카테고리의 다른 글
자바스크립트 DOM (0) | 2023.03.27 |
---|---|
자바스크립트 배열 메소드2(map, filter, reduce) (0) | 2023.03.24 |
자바스크립트 this (0) | 2023.03.22 |
자바스크립트 메소드 (0) | 2023.03.21 |
자바스크립트 고차 함수와 반환 함수 (0) | 2023.03.20 |