티스토리 뷰

함수란 ? 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.

 

반복문은 if로 시작했든 함수는 function으로 시작한다.

 

 

재사용성의 중요성이다.

<!DOCTYPE html>
<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script>
       function numbering() {
           document.write(1);           
       }
       numbering();
    </script>
</body>

</html>
<!DOCTYPE html>
<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script>
       function numbering() {
           i = 0;
           while(i < 10){
               document.write(i);
               i += 1;
           }
       }
       numbering();
    </script>
</body>

</html>


0123456789
<!DOCTYPE html>
<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script>
       function numbering() {
           i = 0;
           while(i < 20){
               document.write(i);
               i += 1;
           }
       }
       numbering();
    </script>
</body>

</html>


012345678910111213141516171819

 

함수의 효용

 

반복문으로 1 - 1000까지

<!
DOCTYPE html>

<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script>
       function numbering() {
           var i = 0;
           while(i < 20){
               document.write(i"<br/>");
               i += 1;
           }
       }
       for(var i = 0i < 1000i++) {
           numbering();
       }
    </script>
</body>

</html>
재사용 성이 좋을 경우 유지보수가 용이하다.

<!DOCTYPE html>
<html lang="ko">


<head>
    <title>Document</title>
</head>


<body>
    <script>
        function numbering() {
            var i = 0;
            while (i < 20) {
                document.write(i + "<br/>");
                i += 1;
            }
        }
        numbering();
    </script>
</body>


</html>

return 함수를 종료시킨다.

<!DOCTYPE html>
<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        function get_member1(){
            return 'egoing'
        }
        function get_member2(){
            return 'k8805';
        }

        alert (get_member1());
        alert (get_member2());
       
    </script>
</body>

</html>
<!DOCTYPE html>
<html lang="ko">


<head>
    <title>Document</title>
</head>


<body>
    <script type="text/javascript">
        function get_member1(){
            return 'egoing'
            return 'egoi2'
            return 'egoin3'
        }
        function get_member2(){
            return 'k8805';
        }


        alert (get_member1());
        alert (get_member2());
       
    </script>
</body>


</html>

리턴 뒤에나오는것은 안나옴 그러니 2,3은 출력되지않음
<!DOCTYPE html>
<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        function get_argument(arg){
            return arg;
        }
        alert(get_argument(1));
        alert(get_argument(2));
    </script>
</body>

</html>

arg = 매개변수 ( parameter )

1 = 인자 ( argument )

 

<!DOCTYPE html>
<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        function get_arguments(arg1arg2) {
            return arg1 + arg2
        }

        alert(get_arguments(1020));
        alert(get_arguments(2030));
    </script>
</body>

</html>
50
<!DOCTYPE html>
<html lang="ko">

<head>
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        var numbering = function () {
            i = 0;
            while (i < 10) {
                document.write(i);
                i += 1;
            }
        }
        numbering();
    </script>
</body>

</html>
0123456789

 

'코딩 공부 > 생활 코딩' 카테고리의 다른 글

생활 코딩 - 객체  (4) 2021.08.17
생활 코딩 - 배열  (1) 2021.08.17
생활 코딩 - 반복문  (0) 2021.08.16
생활 코딩 - 조건문  (0) 2021.08.15
생활 코딩 - 비교  (0) 2021.08.15
댓글
© 2022 chanchaning