함수 선언문

function sayHi() {
  alert("Hello, World!");  
}

sayHi();

위에서 sayHi 함수는 함수 선언문(statement)방식으로 만들어진 함수이다. 문장이기 때문에 함수명을 생략할수없다.

함수 표현식

var msg = "Hello, World!";
var sayHi = function() {
  alert(msg);  
};

sayHi(); 

반면 위와 같이 함수를 값으로써 취급하는 함수표현식 방식으로도 함수를 만들수있다.

또한, 함수표현식은 값으로 취급될수 있기 때문에 함수의 이름이 없어도 된다.

기명 함수 표현식

var fibo = function fibonacci() {
  fibonacci();// 여기서 fibonacci() 함수를 호출할 수 있습니다.
  // 이 함수 표현식이 이름을 갖고 있기 때문입니다.
}

// 여기서 fibonacci()를 호출하면 실패합니다. 하지만 fibo()는 동작합니다.

IIFE 즉시함수호출표현식

!function() {
  alert("Hello from IIFE!");  
}();
// "Hello from IIFE" 메시지를 보여줍니다.

• 자바스크립트는 위 코드를 해석하기 시작한다. !가 있는걸 본다.
• !뒤에 어떤게 오든지 무조건 뒷부분을 표현식으로 해석하려고 한다.
• 뒤에 함수가 정의되어 있지만 이것을 문장으로 해석하지 않고 표현식으로 해석한다.
• 그래서 저런 문법에도 함수가 정상적으로 실행되는것이다.
• !가 아니라 + - 등 1진연산자 어떤걸 갖다 붙여도 정상 실행되는것을 확인할수있다.
• 또한 이 함수는 생명을 갖자마자 실행되고 바로 죽어버린다.
• !의 역할은 뒤에 나오는 함수 문장을 함수 표현식으로 만들어버리는것이다.