자바스크립트 문법 (6) 화살표 함수

(6) 화살표 함수

 

 자바스크립트가 ES2015 문법을 사용함으로써 체감상 가장 큰 변화는 화살표 함수가 아닐까한다. 특히, 익명함수라는 자바스크립트만의 특별한 함수가 더 특별해졌다. 화살표 함수를 사용하면 코드를 경제적으로 작성할 수 있다. 

 단순하게 생각하면, 화살표 함수는 기존 자바스크립트 문법에서 'function'키워드를 뺀 함수를 의미하지만 익명 함수의 콜벡지옥을 생각해보면 굉장히 발전했음을 느낄 수 있다. 일단, 화살표 함수의 사용법부터 알아보자. 다음과 같은 익숙한 덧셈 'plus( )' 함수를 화살표 함수로 변경하면 어떻게 될까.

---

[예시]

function plus( x, y){

return x + y;

}

---

화살표 함수에서는 이렇게 작성한다.

---

var plus = ( ) => {

x + y;

}

---

return을 사용하지 않아도 되며, 익명함수일 경우 ( )만 게재하고 옆에 화살표만 붙이면 끝난다. 굉장히 간편해졌음을 알 수 있다.

『가변 길이 함수』

ES2015에서는 인자(arguments)에 점을 3개 부여하면 가변길이 함수를 만들 수 있다. 

---

[예시]

function sum(...nums){

let result = 0;

for( let num of nums){

if( typeof num !== 'number' ){

throw new Error('지정값이 숫자가 아닙니다:' +num );

}

result += num;

}

return result;

}

try {

console.log(sum(1,3,4,5,6);

} catch(e){

window.alert(e.message);

}

---

ES2015버전 이후부터, 더 이상 arguments 객체를 만들지 않고, 가변인수를 넣을 수 있는 함수를 만들 수 있다.