요즘 코드에서 엄청 많이 보이고 있는 문법이다.
그냥 대충 이해만 하고 넘어가다가 한번 쉬운글을 찾아 봤다.
https://velog.io/@ki_blank/JavaScript-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98Arrow-function
쉽게 핵심은
function 글자 대신에 사용한다는 정도로 이해하면 되겠다. (차이점도 있다고 하니 필요하다면 더 열공하시길)
즉, 아래 2 줄은 같은 의미를 가지고 있다.
// 일반 함수
var foo = function () { console.log("foo") }; // foo
// 화살표 함수
var bar = () => { console.log("bar"); } // bar
function 이라는 글자를 빼버리고, 그 대신에 화살표 => 를 사용해도 된다는 것!!
남이 짜둔 코드는 읽을 수 있어야 하기에, 이정도만 정리..
var foo = (a, b) => { return a + b };
foo(1, 2); // 3
매개 변수를 표현하는 방식도 어렵지 않죠 ^-^