[JS] 함수 선언과 함수 표현식의 차이

함수 선언 (Function Declaration)

function printText(text){
    console.log(text);
}

function 키워드로 시작하고 함수 이름이 필수이다.

호이스팅( Hoisting)이 된다

함수 표현식 (Function Expression)

const printHello = function(text) {
    console.log(text);
}

// arrow function 사용
const printHello = (text) => {
    console.log(text);
}

함수를 변수에 할당하는 방식이고 함수 이름을 생략할 수 있다.

변수 선언은 호이스팅되지만 함수는 호이스팅되지 않는다. 그래서 변수가 선언되기 이전 함수를 호출하면 에러가 발생한다.

printText('hello')

function printText(text){
    console.log(text);
}

잘 동작한다

printText('hello')

const printText = (text) => {
    console.log(text);
}

에러가 발생한다