[JS] 함수의 표현식(즉시 실행 함수, 화살표 함수)

즉시 실행 함수 : 구현과 동시에 호출

기존 함수는 함수 선언 후, 실행을 따로 해야했지만, 즉시 실행 함수를 사용한다면 선언되는 동시에 실행이 된다.

즉, 함수의 이름이 필요 없다.

//코드
(function (파라미터){
  console.log('즉시 실행 함수');
}(인자)); //세미콜론 붙여야함

//예시
(function(a,b){
  console.log(a+b);
}(10,20)} //30이 출력됨

즉시 실행 함수의 실행 순서

12번줄에서 인자를 확인하기 위해 15번줄로 가서 인자를 저장한 다음, 함수의 내용을 순차적으로 실행한다.

즉시 실행함수는 언제 사용하는게 좋을까?

웹 페이지 화면 전환 또는 렌더링 직후, 바로 결과 값을 실행해야 할 때!
호출이 되지 않아도 자동으로 실행해야하는 값들이 있다. (호출없이도 빨리 데이터를 마련해야 하는 경우)
예를들면 페이지의 초기값(화면을 렌더링하기 위해 필요한 초기값들을 불러오도록 하여)을 세팅해야할 때 사용된다.

화살표 함수

변수에다가 익명함수를 표현하는 방법!
익명함수에서만 사용할 수 있음!!

(매개변수) => { 함수 내용 }
let hi = () => {console.log('hi');}

저번에 forEach 내부에서 표현되고 있는 방식도, 화살표 함수를 이용한 것이다.

let test = [1,2,3,4];

test.forEach(function(item){console.log(item)};)

test.forEach((item)=>console.log(item);)

화살표함수에서 코드블럭을 생략하는 경우

1) 코드블럭 내부 명령문 1개

let arrow3 =() console.log('arrow3');

2) 코드블럭 내부 return만 존재

//화살표함수
let sum = (x, y) => x + y;

//기존
let sum = function(x,y){
  return x + y;
}

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