함수 선언식 표현식(&화살표 함수)

함수 선언식 & 표현식

// 함수 선언식
function main() {

}

// 함수 표현식
const main = function() {

}

함수 선언식의 경우 var 키워드와 마찬가지로 최상단으로 끌어올려져 호이스팅 현상이 발생한다.

 

즉, 아래의 코드가 정상적으로 동작한다는 것.

main();

function main() {

}

 

하지만, 함수 표현식의 경우 인터프리터가 해당 코드의 줄에 도달하였을때만 로드되어 호이스팅이 일어나지 않는다.

 

화살표 함수

화살표 함수는 es6에서 추가된 것으로, 함수 표현식을 더 간결하게 만들어준다.

// 함수 표현식
const main = function() {
	console.log("hello");
}
// 화살표 함수
const main = () => { console.log("hello") };
// 함수 내부 코드가 한줄인 경우
const main = () => console.log("hello");



// 인자가 있는 경우
const main = function(a, b) {
	console.log("hello");
}
// 화살표 함수
const main = (a, b) => console.log("hello");

// 인자가 여러개인 경우
const main = (...args) => console.log(args);