자바스크립트에서 함수를 정의하는 가장 일반적인 방법은 function 키워드를 사용하는 것입니다. function 키워드 뒤에 고유한 함수 이름을 붙이고, 괄호 안에 매개변수 목록(비어 있어도 됨)을 작성한 다음, 중괄호({ })로 감싼 코드 블록에 실행할 문장들을 넣으면 됩니다.
기본 문법
자바스크립트 함수 정의의 기본 문법은 다음과 같습니다.
<script>
function functionName(parameter-list) {
statements
}
</script>
각 구성 요소를 살펴보면 다음과 같습니다.
- function: 함수 정의를 시작하는 예약어입니다.
- functionName: 호출 시 사용될 함수의 고유한 이름입니다.
- parameter-list: 함수에 전달되는 값들을 받는 매개변수 목록으로, 필요 없다면 비워둘 수 있습니다.
- statements: 함수가 호출될 때 실행되는 코드 블록입니다.
함수 정의 예제
아래 예제는 매개변수 없이 간단한 인사말을 출력하는 sayHello 함수를 정의합니다.
<script>
function sayHello() {
alert("Hello World!");
}
</script>
이렇게 정의한 함수는 실제로 호출하기 전까지는 실행되지 않습니다. 함수를 호출하려면 함수 이름 뒤에 괄호를 붙여 아래와 같이 작성합니다.
<script> sayHello(); // "Hello World!" 알림창이 표시됩니다. </script>
버튼 클릭 같은 이벤트와 함께 사용하면 더욱 유용합니다.
<button onclick="sayHello()">인사하기</button>
이처럼 function 키워드를 이용한 함수 선언은 코드를 재사용 가능한 단위로 묶어주기 때문에, 자바스크립트 프로그래밍의 가장 기본적이면서도 중요한 개념입니다.