함수

함수란?

함수는 JavaScript에서 기본적인 구성 블록 중의 하나입니다. 함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차입니다. 함수를 사용하려면 함수를 호출하고자 하는 범위 내에서 함수를 정의해야만 합니다.

함수정의

함수 정의(또는 함수 선언)는 다음과 같은 함수 키워드로 구성되어 있습니다

• 함수의 이름
• 괄호 안에서 쉼표로 분리된 함수의 매개변수 목록 
• 중괄호 { } 안에서 함수를 정의하는 자바스크립트 표현

 

함수의 종류

함수는 4가지의 종류가 있습니다. 이 4가지를 각각 쓸 수도 여러개를 합쳐서 쓸 수 도 있습니다.

 

1. 선언적 함수

선언적 함수는 함수를 선언할 때 이름을 붙여주는 함수를 말합니다.. 즉, 따로 변수에 넣어주지 않고 선언할 대 붙여준 이름으로 호출하면 됩니다.

{
    function func(){
        document.write("함수가 실행되었습니다.");
    }
    func();
}

2. 익명 함수

자바스크립트 익명 함수는 함수명 대신 변수명에 함수 코드를 저장하는 구현 방식입니다. 익명 함수의 소스 코드는 변수값이므로 끝에 세미콜론 ; 을 대입합니다. 익명 함수는 호출 시 변수명을 함수명처럼 사용하면 됩니다.

{
    const func = function(){
        document.write("함수가 실행되었습니다.");
    }
    func();
}

3. 매개변수 함수

함수의 매개변수(parameter)란 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수입니다.

{
    function func(str) {
        document.write(str);
    }
    func("함수가 실행되었습니다.");
}

4. 리턴값 함수

결과 값이 있는 함수입니다. ruturn이라는 키워드를 이용하여 함수의 결과값을 출력하는 방법입니다. 리턴값은 실행문을 강제로 종료하는 역할도 합니다.

{
    function func() {
        const str = "함수가 실행되었습니다.";
        return str;
    }
    document.write(func());
}