함수

function

 

함수는 코딩에서 엄청 엄청 많이 쓰이기 때문에 그 기본 개념을 정확히 이해하고 있어야한다..

 

기릿

 

<script>
    function onePlusone () {
      document.write(1+1);
    }
    onePlusone ();
    
    </script>

이렇게 쓰면 1+1의 값을 그냥 호출하는 함수가 되지만, 변수를 주고 그 변수에 따라 값이 계속 바뀌는 함수를 쓰면 어떨까요? 좋겠지 뭐

 

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

 이렇게 left, right 라는 파라미터 값을 설정하고 함수를 실행할때 값을 할당해주면

5

7 

이라는 결과 값을 얻을 수 있다. 

 

하나의 함수로 여러가지 결과 값을 얻을 수 있고, 이게 굉장히 효율적이라는거다.

 

2,3은 argument, 

left, right는 parameter이다

 

 

 

return을 알아보는 시간

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>');

 

return을 써주면 정말 2+3이라는 핵심 기능만을 뱉는 함수를 만들 수 있고,

그 뱉어진 핵심적인 결과값을 여기저기서 사용할 수 있게 된다. 

 

이게 함수에 return 을 사용했을때 가능해지는 일이다. 

 

나머지 일들은 style 태그 등을 통해 꾸며주기만 할 뿐이라는걸 이해하면 될 것 같다.