[JS] 함수 표현식

함수 표현식

• 함수는 이름옆에 괄호가 있어야 호출된다

function sayHi() {
  alert( "Hello" );
}

alert( sayHi ); // 함수 코드가 보임

sayHI 옆에 괄호가 없어서 함수가 실행되지 않는다

• JS에서 함수는 값이다

• 무슨말?????

function sayHi() {   // 함수가 sayHi라는 변수에 저장됨 
  alert( "Hello" );
}

let func = sayHi;    // (2) sayHi를 새로운 변수, func에 복사 
					// let func =sayHi() 이면 함수호출결과가 저장됨 

func(); // Hello     // (3) 복사한 함수를 실행(정상적으로 실행됩니다)!
sayHi(); // Hello    //     본래 함수도 정상적으로 실행됩니다.

• if { ... }, for { }, function f { } 같이 중괄호로 만든 코드 블록 끝엔 ; 없어도 됨
• 함수 표현식은 let sayHi = ...;과 같은 구문 안에서 값의 역할 함 = 구문의 끝을 알려주는 역할

콜백 함수

????

함수 표현식 vs 함수 선언문

• 함수 선언문 : 주요 코드 흐름 중간에 독자적인 구문 형태로 존재
• 함수 선언문이 정의되기 전에 호출 할 수 있다
• 가독성이 좋다

// 함수 선언문
function sum(a, b) {
  return a + b;
}

• 함수 표현식 : 할당 연사자 =를 이용해 만든 할당 표현식이 우측에 생성되었다
• 실제 실행 흐름이 해당 함수에 도달했을 떄 함수를 생성함
  => 함수에 도달했을 때부터 해당 함수 사용 가능

// 함수 표현식
let sum = function(a, b) {
  return a + b;
};