화살표 함수(arrow function)

Mono crom·2021년 1월 11일
0

ES6에 추가된 함수 표현식인 화살표 함수는 말 그대로 화살표 => 를 이용해 함수를 선언한다. 기존의 함수 사용법과 화살표 함수 사용법을 비교함으로서 화살표 함수의 특징을 살펴본다.



function sum(a,b) {
  return a + b;
}

let sum = (a,b) => a + b; // 위의 함수와 기능이 같다.

--------------------------

function add1(a) {
  return add2(b) {
    return a + b;
  }
}

let sumsum = x => y => x + y; // 위의 함수와 기능이 같다.
  1. 화살표 함수는 기존 함수 표현법에서 function 선언 떼고 변수를 선언하면서 함수를 할당하는 방식으로 사용하여 해당 변수를 통해 함수를 호출할 수 있다.

  2. 특수한 선언식 없이 바로 리턴되는 경우에 중괄호 { } 와 return 을 생략할 수 있으며, 특히 return 이 생략되는 경우에는 중괄호 { } 도 함께 생략되어야 한다.

  3. 콜백함수를 통한 계단식 함수 선언의 경우에도 화살표 함수를 이용하면 한 줄에 간단히 표현해낼 수 있다.


profile
니가 진짜로 원하는게 뭐야

0개의 댓글