함수 선언과 함수 표현식

함수 선언

function 키워드를 사용해서 함수를 만드는 방식, 함수 선언문이 호이스팅 된다. 함수 선언문은 변수 var 스코프와 같이 함수 스코프를 갖는다.

function 함수이름(파라미터) {
    동작
    return 리턴값
}

printCodeit();  // 'Codeit'

function printCodeit() {
    console.log('Codeit');
}

함수 표현식

함수 선언을 값처럼 사용하여 함수를 만드는 방식. 함수 표현식은 호이스팅 되지 않는다. 할당된 변수에 따라 스코프가 결정된다.

const printCodeit = function () {
    console.log('Codeit');
};

printCodeit();  // 'Codeit'

const myBtn = document.querySelector('#myBtn');

myBtn.addEventListener('click', function () {
    console.log('button is clicked!');
});

호이스팅이 되지 않는다.

printCodeit();  // ReferenceError

const printCodeit = function () {
    console.log('Codeit');
};