JavaScript 함수 - 기명함수와 익명함수

 

 

 

함수

함수란, 하나의 값을 입력하여 특정한 값을 반환하는 일종의 출력식을 말합니다.

function 함수명 (매개변수){
    코드
}

함수임을 나타내는 function과 함수명, 함수 외부에서 가져오는 매개변수로 구성됩니다.

function Hello(){
    return 'Hello'
}

console.log(hello) // 데이터로 출력, 함수 자체가 출력됩니다.
console.log(hello()) // 함수의 반환값을 출력합니다.

함수의 반환값을 사용할 수도 있지만, 함수 자체를 데이터로 사용할 수도 있습니다.

 

 

 

기명함수와 익명함수

// HTML 파일의 h1 태그를 읽습니다.
const h1El = document.querySelector('h1')


// 기명함수 - 함수의 이름을 가지고 있습니다.
function handler() {
    console.log(h1El.textContent);
}

// 익명함수 - 함수의 이름이 없이 function()으로만 선언됩니다.
h1El.addEventListener('click', function(){
    console.log(h1El.textContent)
})

   - 일반 경우에 함수의 이름을 적어야 합니다. 이름이 있는 함수를 기명함수 라고 합니다.

   - 반면, 함수를 동적으로 만들어 사용하는 경우에는 함수명이 필요하지 않습니다. 이를 익명함수라고 합니다.