arrow function

* javascript에서 함수를 만들때 보통 function이라는 키워드로 시작함.

* 함수를 생성하기 위한 매우 간단하고 간결한 구문이 존재함 .

* 함수 생성시 => 기호가 사용되므로,  이 함수 표현식을 arrow fuction 이라고 함 (두줄이어서 fat arrow 라고도 함)

 

* 문법 

 

* 예를들어

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

의 함수를 

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

console.log("sum: " , sum(1, 2));

로 변경 할 수 있음.  // return a + b 라고 생각하면 됨 

 

* 단일 인수인 경우는 ()가 생략 가능

let multi = n => n * n;

 

* 인수가 없을땐 () 만 사용

 

let log = () => console.log("loging..... ");

 

*** 이 표현식이 처음에는 엄청 낯설다...

*** 2015년 인가 나온것으로 기억하는데.. 그 전에 javascript를 배운 사람은... 아주 낯설다..

*** 이 함수와 익숙해지지 않으면 react 나 다른 javascript framework 를 공부할때 아주 애를 먹는다. 

 

* 실행할 문이 여러줄이면 {}로 묶으면 됨.

let log = () => {
const a = 1;
    console.log("login.... ", a);
    return a;      // 값을 리턴을 하려면 일반 함수처럼 return 명령어를 해 줘야 함 . 
}

log();