[TIL]왕초보탈출기#8 함수

20667 단어 JavaScript왕초보함수JavaScript

함수

함수(function) 하나의 로직을 재실행 할 수 있도록 코드의 '재사용성'을 높여준다.

function 기본 구성

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

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>
[Programmers] 디스크 컨트롤러 (Python)
[인터뷰준비] 이벤트 위임

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage