[자바스크립트] 화살표 함수, 왜 사용할까?

화살표 함수

화살표 함수는 function 키워드 대신 화살표 =>를 사용해 함수를 간략히 정의한다.

const arrow = (x,y) => { ... };

---

😃 기존 함수 정의

const arrow = function() {
	...
};

 

😄 화살표 함수 정의

const arrow = () => {
	... 
};

 

위 비교만으로도 왜 화살표 함수가 ES6에 추가되어 많은 개발자에게 사용되는지 알 수 있다.

 

function이 =>로 변경되었다.

바꿔 말하면 타이핑 8이 타이핑 2로 변경되었다.

 

함수는 가장 많이 사용하는 기능인데, 이를 1/4로 줄인 것만으로도 개발자들에게 환호받을만하다.

 

❗

이뿐만이 아니다. 조건에 한해 return 생략까지 가능해졌다.

조건 : return이 한 줄인 경우

let sum = (a, b) => a + b;

// vs

let sum = function(a, b) {
    return a + b;
};

 

그러면 이쯤에서 화살표 함수에 대해 한번 정리해보자.

 

💥 화살표 함수는 짧은 코드를 아주 간단하게 짤 수 있게 해 준다.

 

---

💨 화살표 함수의 기능적인 이점

지금부터는 화살표 함수와 일반 함수의 차이점을 통해 화살표 함수가 가지는 기능적인 이점에 대해 알아보자

 

개발자 퉁이리 : https://tooo1.tistory.com/435

 

화살표 함수를 포함한 ES6 함수의 추가 기능에 대해 더 알아보고 싶다면?

 

 

 

 

좋아요는 로그인하지 않아도 누를 수 있습니다!