JavaScript - 화살표 함수

100·2024년 2월 28일

Javascript

목록 보기
20/21
post-thumbnail

화살표 함수

화살표 함수(Arrow function)

화살표 함수는 표기법이 간단하기 때문에 익명 함수를 다른 함수의 인수로 넘길 때 주로 사용한다.
단지 표기법에서만 다른 것이 아니고, 몇가지 미묘한 차이점이 있다.

  • 매개변수 목록 괄호 생략하기
    화살표 함수가 정확히 하나의 매개변수만 사용하는 경우, 묶는 괄호를 생략할 수 있다.
(name) => {}
// 매개변수가 하나인 함수를
name => {}
// 위처럼 사용 가능하다. *매개변수가 없는 경우에는 괄호를 생략해서는 안된다.
  • 함수 본문 중괄호 생략하기
    화살표 함수에 반환문 외에 다른 로직이 없는 경우, return 키워드와 중괄호를 생략할 수 있다.
    *return 할 값이 객체라면 괄호는 필수이다.
number => {return number * 3;}
// ↓
nuber => number *3;
profile
Road to FE

0개의 댓글