선언적 함수

함수를 설명할 때 이름을 붙여주는 함수를 말한다. 즉, 따로 변수에 넣어주지 않고 선언할 때 지정한 이름으로 호출하면 된다.

기본 문법 :

{
    <script>
         function func( ) {
          //실행 코드 작성
       }
        함수이름( );
    </script>
}

예시 :

{
    <script>
      var count 0;

      function();

      function fnc(){
          count++;
          document.write("hello" + count, "<br>");
      }      
    >/script>
}

익명 함수

말 그대로 이름이 없는 함수이다. 익명함수를 선언하고 사용하기 위해서는 변수에 넣어서 사용해야 한다.

기본 문법 :

{
    <script>
        function() {
            //자바스크립트 실행코드 작성
        };
    >/script>
}

예시 :

{
    <script>
        var theFunc = function( ) {
            alert('This is anonymous function');
        };
        theFunc( );
    >/script>
}

매개변수 함수

매개변수(parameter)란 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수입니다. 함수의 인수(argument)란 함수가 호출될 때 함수로 값을 전달해주는 변수를 가리킵니다. 대부분의 함수는 하나 이상의 매개변수를 가지며, 매개변수가 없는 함수도 존재합니다.

기본 문법 :

{
    function 함수명(매개변수1, 매개변수2, 매개변수 n){
        자바스크립트 코드;
    }
    함수명(데이터1, 데이터2,... 데이터n);
}
{
    function myFnc(name,area){
        document.write("안녕하세요."+name+"입니다","
");
        documet.write("사는 곳은"+area+"입니다.","

");
    }
    myFnc("홍당무","서울"); //안녕하세요. 홍당무입니다. 
                            //사는 곳은 서울입니다. 
    myFnc("깍두기","부산"); //안녕하세요. 깍두기입니다. 
                            //사는 곳은 부산입니다.
}

리턴값 함수

return문은 함수에서 결과값을 반환할 때 사용합니다. 함수에서 return문이 실행되면 반복문의 break문과 비슷하게 코드가 강제로 종료됩니다. 다시 말해 함수 정의문에 return문이 사용되면 함수를 호출했을 때 결과값(data)를 반환합니다.

기본 문법

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

기본 문법

{
    function 함수명( ) {

        자바스크립트 코드1;
        return 데이터(값);
        
        자바스크립트 코드2;
    }

    var 변수 = 함수명( );
}

예제

{
    function sum(num1, num2){
        return num1 + num2;
    }

    var result = sum(10, 20);
    document.write(result);
}