화살표 함수

화살표 함수

원래라면 function 으로 쓰여야 할 함수가 화살표 형태가 된다. 특징으로는 this 바인딩이 없음: 화살표 함수는 this 키워드를 자신의 컨텍스트에 바인딩하지 않고 상위 스코프의 this를 참조함.
그러한 이유로 화살표 함수로 만들어진 함수는 new 생성자를 사용할 수 없다.
아래는 예시, 만약 화살표 => 이후에 명령줄이 한줄이 아니라면 반드시 중괄호로 묶어줘야 한다!

매개변수가 없는 화살표 함수

const sayHello = () => {
	console.log('Hello!');
};

sayHello(); // 출력: Hello!

매개변수가 하나인 화살표 함수

const double = number => {
	number * 2
};

console.log(double(5)); // 출력: 10

여러 줄의 복수 문장이 아닌 단일 표현식을 갖는 화살표 함수

const multiply = (a, b) => {
	a * b
};

console.log(multiply(3, 4)); // 출력: 12