Javscript / 함수 / 화살표 함수

 

화살표 함수(arrow function)는 ES6(javascript 2017)에 도입된 새로운 기능이다.

 

함수 표현식의 약식 형태라고 보면 된다.

다만, 여러가지 특징이 있으므로 예시를 통해서 차례대로 살펴보자.

 

---

 

1. 기본적인 문법

 

// 함수 선언식
let add = function(x, y) {
  return x + y
}
 
//화살표함수 방식
let add = function(x, y) => {
  return x + y
}

 

 

 

---

 

 

2. 생략 가능 기호

 

파라미터가 1개일 때는 소괄호 ()의 생략이 가능하다.

화살표 함수의 유일한 문장이 return 일때는 return 을 생략할 수 있으며, 이 때는 중괄호 {}를 생략해주어야 한다.

 

// 화살표 함수 미적용 및 return, 괄호 생략 전
let add = function(x) {
  return function(y) {
    return x + y
  }
}
//add(2)(3)의 결과 : 5
 
 
//화살표 함수 적용 및 return 생략
let add = x => y => x+y
 
//add(2)(3)의 결과 : 5

 

---

 

3. 한계점

 

call, apply, bind 함수 method를 사용할 수 없다.

항상 익명함수이며, this를 바인딩 할 수 없다.