[JavaScript] 함수(Function)

기본 문법

    <ul>
        <script>
            function two(){
            document.write('<li>2-1</li>');
            document.write('<li>2-2</li>');
            }

            document.write('<li>1</li>');
            two();
            document.write('<li>3</li>');
            two();
        </script>
    </ul>

 

결과 :

• 1
• 2-1
• 2-2
• 3
• 2-1
• 2-2

함수 function에 two 를 지정하고 출력시 2-1, 2-2가 출력되게 하고 two();로 출력

 

2-1, 2-2가 불규칙적으로 반복되어야 하는 경우 반복문을 사용하기 어렵거나 힘들기 때문에 사용하는 것이 함수

 

매개변수 & 인자(Parameter & Argument)

    <script>
        function oneplusone(){
        document.write(1+1+'<br>');
        }
        oneplusone();
/*위 아래 코드 결과 같음*/
        document.write(1+1+'<br>');
    </script>

 

결과 :

2
2

    <script>
        function sum(left, right){
            document.write(left+right+'<br>')
        }
        sum(2,3); //5
        sum(3,4); //7
    </script>

 

결과 :
5
7

 

function sum(left, right) : left, right에 해당하는 것은 매개변수

 

sum(2,3) : 2,3에 해당하는 것은 인자

출력(Return)

        <script>
            function sum2(left, right) {
            return left+right;
            }
        document.write(sum2(2,3)+'<br>');
        document.write('<div style="color:red">'+sum2(2,3)+'</div>');
        document.write('<div style="font-size:3rem;">'+sum2(2,3)+'</div>');
        </script>

 

결과 : 

5

5

5