함수
함수란, 하나의 값을 입력하여 특정한 값을 반환하는 일종의 출력식을 말합니다.
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)
})
- 일반 경우에 함수의 이름을 적어야 합니다. 이름이 있는 함수를 기명함수 라고 합니다.
- 반면, 함수를 동적으로 만들어 사용하는 경우에는 함수명이 필요하지 않습니다. 이를 익명함수라고 합니다.
'자바스크립트' 카테고리의 다른 글
JavaScript 함수 - 함수의 반환과 매개변수 (0) | 2024.04.10 |
---|---|
JavaScript 함수 - 호이스팅(Hoisting)과 추상화(Abstraction) (0) | 2024.04.10 |
JavaScript 구문 - 조건문과 반복문 (0) | 2024.04.10 |
JavaScript 연산자 (0) | 2024.04.06 |
JavaScript 데이터 - 데이터 타입 확인과 형변환 (0) | 2024.04.05 |