[TIL]王超宝脱出記#8関数



n.関数


コードの再利用性を向上させ、関数論理を再実行できます.

機能基本構成

function 함수명 (인자..[,인자]){
코드
return 반환값
}
関数呼び出し
<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            function numbering(){
                i = 0;
                while(i<20){
                document.write(i+"<br />");
                i += 1;
            }
        }
        numbering(); //호출을 하면 위에 함수를 정의한 긴 코드를 쉽게 불러올 수 있다..!
      
        </script>
    </body>
</html>

戻り関数出力


return終端関数.
retrun「abc」の場合、関数の終了後に「abc」が返されます.
<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            function get_member1(){
                return 'egoing';
            }
            function get_member2(){
                return 'k8805';
            }

            alert(get_member1()); //egoing을 반환
            alert(get_member2()); //k8805를 반환
      
        </script>
    </body>
</html>

入力関数

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            function get_argument(arg){
                return arg*1000; 
            } //arg는 매개변수(parameter), 매개변수는 인자값을 받아 출력한다.

            alert(get_argument(1)); // 1000 괄호 안의 1은 '인자'
            alert(get_argument(2)); // 2000
      
        </script>
    </body>
</html>

ふくそいんし

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            function get_argument(arg1, arg2){
                return ar1 + arg2; //리턴값은 한개만 받을 수 있다.
            } //arg1은 (10, 20) / arg2는 (20, 30)

            alert(get_argument(10, 20)); // 2개의 인자
            alert(get_argument(20 ,30)); 
     
        </script>
    </body>
</html>

複数の定義方法

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
        /*변수 안에 함수를 넣어 정의하기*/
            numbering = function (){
                i =0;
                while(i < 10){
                    document.write(i);
                    i +- 1;
                }
            }
            numbering();

        /*함수 이름으로 정의하기*/
            function numbering(){
                i =0;
                while(i < 10){
                    document.write(i);
                    i +- 1;
                }
            }
        /* 익명함수 */
            (function (){
                i =0;
                while(i < 10){
                    document.write(i);
                    i +- 1;
                }
            })(); //익명함수는 1회성으로 호출할 때 사용하곤 한다.
        </script>
    </body>
</html>