`() => {}` vs `() => ()`

J·2025년 7월 4일

요약

  1. => ()는 소괄호 안을 리턴하겠다는 것이다. 이는 객체처럼 중괄호로 감싸져있는 것이 코드 블록으로 잘못 읽히는 걸 막기 위함이다.

() => {}

  1. 함수가 호출되면 {}로 감싸진 코드 블록을 실행하겠다.
  2. {} 안에 리턴값이 있으면 그걸 리턴한다.
  3. =>{return "bar"} 는 => "bar"로 축약할 수 있다.

() => ()

  1. () => "bar"의 상황이지만 리턴할 것이 중괄호로 감싸져있을 때 사용한다.
  2. () => {foo: "bar"}이라고 하면 중괄호 안이 코드 블록으로 잘못 읽힌다.
  3. () => ({foo: "bar"}) 따라서 소괄호로 감싸서 "이건 화살표 함수 축약형의 리턴값이야"라고 알린다.

0개의 댓글