ES6 - 화살표 함수

화살표함수 ES6에 새로 추가된 기능이다. 

function 키워드 없이도 함수를 만들 수 있으며, return을 사용하지 않아도 식을 계산한 값이 자동으로 반환된다. 

function() {
 
 
}
 
 
 
() => {                                
 
 
}

var lordify = function(firstname) {
 
    return '켄터베리의 ${firstname}'
 
}
 
 
 
var lordify = () => '켄터베리의 ${firstname}'

화살표(=>)를 사용하면 모든 함수 정의를 한줄에 끝낼 수 있다. 

function 키워드를 없애고, 화살표가 어떤 값을 반환하는지 지정해주기 때문에 return도 없앴다. 또다른 장점은 함수가 파라미터를 단 하나만 받는 경우 파라미터 주변의 괄호를 생략해도 된다.

파라미터가 2개 이상이면 괄호가 필요하다.

var lordify = function(firstName, land) {
 
    return '${land}의 ${firstName}'
 
}
 
 
var lordify = (firstName, land) => '${land}의 ${firstName}'

여러줄을 사용해야될경우는 함수 본문 전체를 중괄호로 둘러싸야한다.

var lordify = function(firstName, land) {
 
 
 
if (!firstName) {
 
 throw new Error("lordify에 이름을 넘겨야 합니다.");
 
}
 
 
 
if (!land) {
 
   throw new Error("영주에게는 영지가 있어야한다.");
 
}
 
return '${land}의 ${firstName}'
 
}
 
 
var lordify = (firstName, land) => {
 
 
 
    if (!firstName) {
 
 throw new Error("lordify에 이름을 넘겨야 합니다.");
 
}
 
 
 
if (!land) {
 
   throw new Error("영주에게는 영지가 있어야한다.");
 
}
 
return '${land}의 ${firstName}'
 
 
 
}