자바스크립트 - 함수

함수

함수의 기본 문법

function

반복문으로 해결하기 어려운 경우가 있을 때, 함수 사용 가능

<script> 태그 내부에 function을 형성한 순간 웹은 함수 생성을 기억하고,

이후 function에 지정해준 이름을 다음부터 활용

<h2> Basic </h2>
    <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>

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

• parameter → 함수의 입력에 해당. 매개변수 (인자를 받아서 함수 안으로 매개해주는 변수)

• argument → 함수의 입력과 관련. 인자 (함수로 전달하는 값)
  
  
  아래 예시에서

• left, right → 매개변수

• 2 3 4 → 인자

<h2> Parameter & Argument </h2>
      <script>
        function oneplusone() {
          document.write(1+1+'<br>')
      }
        oneplusone();

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

Return (출력)

return

함수값을 출력하는 역할

<h2> Return </h2>
<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>

To Be Followed

출력의 존재 의의?

return이 필요할때는, 초기 함수를 정의한 후 여러가지 효과 및 성능을 넣고자할때 기존 함수값을 출력하기 위해 필요한 것인가?
예를 들어,
상기의 매개변수 및 인자를 설명하는 코드에서는 .document.write 에 덧셈 함수를 넣고 나중에는 함수를 호출만 하면 된다.
반대로 출력을 설명하는 코드에서는 .document.write 내부에 함수 "바깥"에 넣었고, 해당 함수 안에는 return 값으로 계산식을 표시하였다.
그렇다면 함수를 단순히 내외부적으로 표현할때만 쓰는 것인가?

Take-Away

• 고정관념
  수학적인 함수의 입력과 출력은 기계공학과 출신이라 이해가 상대적으로 쉽다. 그런데 반대로 프로그래밍의 함수 입출력은, 어느정도 일치하는 면이 있지만 아예 다르게 생각해야하는 부분도 있는듯 하다.
  이러한 고정관념에서 하루빨리 탈피를 하고 프로그래밍적 사고를 가져야 하는데, 아무래도 20여년간 해왔던 일이다보니 쉽게 떨쳐버리기는 어려울 듯 싶다.
  어떻게 해야 더 나은 프로그래머가 될까를 항상 고민하고는 있지만 생각보다 쉬운일이 아닌듯 싶다.