[JS] 화살표 함수

기존의 함수 선언 방식은

function 함수명(파라미터) 코드블록{}의 형태였습니다.

function name(a,b) {}

이를 화살표 함수문법을 이용하여 표현하면

const add = (a, b) => {
  return a + b;
};

console.log(add(1, 2));

위와 같이 상수선언 + 함수명 =(파라미터) => 코드블록{}

화살표의 좌측에는 함수의 파라미터, 우측에는 코드블록이 오는 형태가 됩니다.

코드블록 내부에서 바로 return을 하는 경우 아래와 같이 더 간결하게 표현할 수 있습니다.

const add = (a, b) => a + b;
console.log(add(1, 2));

 

화살표 함수로 만든 함수와, function으로 만든 함수의 주요 차이점은 서로 가르키는 this가 다르다고 합니다.

자세한 내용은 공부하면서 알게되면 추가하거나 새로 포스팅 하겠습니다.

출처-벨로퍼트와 함께하는 모던 자바스크립트