🏃‍♂️What I learned

자바스크립트의 함수 표현식

1. 익명 함수 (이름이 없는 함수)
   
   function([매개변수]) { // 함수선언
              // 함수정의
   }
   
   - 이름이 없는 함수이기 때문에 필요할 때 마음대로 호출 불가능
   - 이벤트 핸들러와 같이 바로 동작하는 함수가 필요한 경우 사용
   
   

   ---

2. 즉시 실행 함수
   
   (function([매개변수]) {
              // 함수정의
   })();
   
   - 익명 함수의 한 종류로써 함수가 정의되자마자 바로 실행되는 함수
   
   

   ---

3. 화살표 함수
   - 익명함수의 표현식을 간단히 표현한 표기법 (es6부터)
   
   1) 작성법 : 기본 형태 ([매개변수]) => { 함수정의 }

           익명함수 : function() {}
           화살표함수 : () => {} 
   
           익명함수 : function(num) { return num * 2 }
           화살표함수 : (num) => { return num * 2 }

   2) 작성법: 매개변수가 "하나"인경우 () 생략 가능

           익명함수 : function(e) { e.target... }
           화살표함수 : e => { e.target ... }
   
           * 매개변수가 없을경우는 "무조건" () 작성

   3) 작성법: 함수 정의 부분이 return [식 또는 값] 으로만 작성되어있는 경우 {}, return 생략 가능

           익명함수 : function(num) { return num * 10 }
           화살표함수 : num => num * 10;
   
           ** return 되는 값이 객체(object)인 경우는 불가능
   
           num => {price: num*1000, n:1000} (X)
           num => { return {price: num*1000, n:1000} } (o)