ES6 - 화살표로 함수 만들기 => , function 키워드 없이 함수 만들기

function 키워드 없이 함수를 만들 수 있다. 

return을 사용하지 않아도 계산 값이 자동으로 반환된다. 

 

---

기존 방식 

var lvUp = function ( id ) {
	return `${id}님의 레벨이 증가햇습니다.`
}

console.log( lvUp('나무뚱이') ) 

 

결과 ) 

나무뚱이님의 레벨이 증가했습니다.

 

---

ES6 방식1 

=>(화살표)를 사용하면 함수 정의를 한줄로 줄일 수 있다. 

 

function 키워드를 없앴다.

=>(화살표)가 어떤 값을 반환하는지 지정해준다. 때문에 return 키워드도 없다. 

함수가 파라미터를 1개만 받을 경우 ()괄호를 생략해도 된다. 

var lvUp = id => `${id}님의 레벨이 증가햇습니다.`

console.log( lvUp('나무뚱이') ) 

 

결과 ) 

나무뚱이님의 레벨이 증가했습니다.

 

 

---

ES6 방식2 

 

파라미터가 2개 이상일 때 ()로 감싸야한다. 

함수의 본문이 한 줄 이상이면 {}로 감싸줘야한다. 

return 키워드도 사용해야한다. 

var lvUp = ( id , nowLv ) => {
    if( !id ) {
    	throw new Error('id가 누락되었습니다.')
    }
    
    if( !nowLv ) {
    	throw new Error('nowLv가 누락되었습니다.')
    }
    
    return `${id}님의 ${nowLv+1}로 레벨이 증가햇습니다.`
}

console.log( lvUp( '나무뚱이', 90 ) ) 

 

결과 ) 

나무뚱이님의 91로 레벨이 증가햇습니다.