[JavaScript] ES6+ 화살표 함수(Arrow function)

 ES6 이전의 함수

 

// ES5 - 함수 선언문
function sum(a, b) {
    return a + b;
}

// ES5 - 함수 표현식
var sum = function(a, b){
    return a + b;
}

 

 ES6+ 화살표 함수

 

function을 없애고 =>를 추가해서 코드가 더 간결해졌다.

그리고 간단한 연산 표현식은 { }와 return을 없애서 쓸 수 있다. 

 

// ES6+ - 함수 표현식(화살표 함수)
var sum = (a, b) => {
    return a + b;
}
var sum = (a, b) => a + b;

 

 타입스크립트의 화살표 함수

 

// TS - 화살표 함수
var sum = (a: number, b: number): number => {
    return a + b;
}