[JS] javascript의 함수 선언문과 함수 표현식

오늘은 간단하게 js 에서 함수를 사용하는 두가지 방법에 대해 정리해두려고한다.

함수 선언문

어디서든 호출이 가능함,

javascript 내부 알고리즘에 의해서 javascript 실행 전 초기화 단계에서 코드의 모든 함수 선언문을 찾아서 생성해둠.

sayHello();

function sayHello() {
  console.log('Hello!');
}

그렇기에 위 코드처럼 함수선언문보다 함수호출이 먼저나와도 정상적으로 실행되는 것임.

(물론 함수선언문보다 코드가 아래에 나와도 동작한다.)

 

즉, 함수의 사용 가능 범위가 코드의 위치보다 위아래로 넓은데 이를 '호이스팅(hoisting)' 이라고 한다.

 

함수 표현식

코드를 한줄 한줄 읽으면서 코드에 도달할때 비로소 함수가 생성이 되고, 그 이후에 사용이 가능해진다.

let sayHello = function() {
  console.log('Hello!');
}

sayHello();

함수 표현식을 정확하게 숙지하고나면 , 자바스크립트 판 람다식인 화살표 함수(arrow function)를 사용할 수 있다.

이는 다음에 별도로 포스팅하도록 하겠다.

 

끝.