[JavaScript] 함수 정리 1-화살표함수, 즉시 실행함수(IIFE), 호이스팅(Hoisting)

기본적인 함수 작성법

//함수 정의
const double=function(x,y){
    return x*2
}
//함수 호출
console.log('double :',double(7))

 

화살표 함수

//함수의 축약형
//화살표 함수를 이용해 간단하게 함수를 작성할 수 있다.

//const [함수이름] = [(함수 인자- 하나이면 괄호 생략가능)] => [함수가 반환할 내용]
const doublearrow = x => x*2
console.log('doublearrow :',doublearrow(7))

//const [함수이름] = [(함수 인자- 없으면 괄호)] => [함수가 반환할 내용]
const sh = x => ({name:'kite'})
console.log('sh :',sh(7))

 

즉시 실행함수 (IIFE)

즉시 실행함수
IIFE - Immediately-Invoked Function Expression

const a=14;

//방법 1 (function(){함수내용}());
(function(){
    console.log(a*2)
}());

//방법 2 (function(){함수내용})();
(function(){
    console.log(a*2)
})();

호이스팅(Hoisting)

 

호이스팅 - 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상
로직이 복잡할 때 쉽게 코드의 흐름을 파악할 수 있다.

const a=14;

//함수 선언이 먼저 등장
double2()

function double2(){
    console.log(a+5)
}