함수(Function)는 프로그램 내 어디에서든 호출하여 재사용할 수 있는 코드 블록입니다. 같은 코드를 반복해서 작성해야 하는 번거로움을 없애주며, 개발자가 모듈화된 깔끔한 코드를 작성하는 데 큰 도움을 줍니다.
함수를 사용하는 이유
함수를 활용하면 다음과 같은 장점이 있습니다.
- 코드 재사용 : 한 번 작성한 로직을 여러 곳에서 반복 호출할 수 있습니다.
- 가독성 향상 : 기능별로 코드를 분리하면 전체 구조를 파악하기 쉬워집니다.
- 유지보수 용이 : 수정이 필요할 때 함수 하나만 고치면 되므로 관리가 편리합니다.
함수 정의하기
함수를 사용하기 전에는 먼저 정의해야 합니다. 자바스크립트에서 가장 일반적인 함수 정의 방식은 function 키워드를 사용하는 것입니다. 그 뒤에 고유한 함수 이름, 매개변수 목록(비어 있을 수도 있음), 그리고 중괄호 { }로 감싸진 실행문 블록을 작성합니다.
기본 문법(Syntax)
<script>
function functionName(parameter-list)
{
// 실행할 코드(문장들)
}
</script>각 구성 요소의 의미는 다음과 같습니다.
- function : 함수를 선언한다는 것을 자바스크립트 엔진에 알려주는 키워드입니다.
- functionName : 함수를 식별하기 위한 고유한 이름으로, 변수 이름 규칙과 동일하게 지어야 합니다.
- parameter-list : 함수에 전달되는 값들을 받는 매개변수 목록입니다. 필요 없다면 비워둘 수 있습니다.
- { } : 함수가 호출될 때 실제로 실행되는 코드 블록입니다.
간단한 예제
<script>
function sayHello(name) {
document.write("안녕하세요, " + name + "님!");
}
sayHello("홍길동"); // 출력: 안녕하세요, 홍길동님!
</script>위 예제처럼 함수를 정의한 후에는 함수 이름과 괄호를 사용해 원하는 위치에서 몇 번이든 호출할 수 있습니다. 이처럼 함수는 자바스크립트 프로그래밍의 기본 단위이자, 효율적이고 체계적인 코드를 작성하기 위한 필수 개념입니다.