본문 바로가기
cording/생활코딩

[Java Script] 함수 Parameter, Argument,

효기롭다 2022. 3. 10. 00:37

함수는 코드가 많아 지면 잘 정리하기 위해 쓴다. 또한 중복되는 코드를 반복문으로 사용해도 되겠지만, 연속되지 않는 중복은 함수를 쓰는것이 좋다.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h1>Function</h1>
    <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>
    <h2>Parameter & Argument</h2>
    <h2>Return</h2>
  </body>
</html>

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h1>Function</h1>
    <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();  : **two 뒤에 () 괄호가 붙음으로 함수.


        document.write('<li>3</li>');
        two();
      </script>
    </ul>
    <h2>Parameter & Argument</h2>
    <h2>Return</h2>
  </body>
</html>

 

 

  <body>
    <h1>Function</h1>
    <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>
    <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); //5
      sum(3,4); //7
    </script>
    <h2>Return</h2>
  </body>
</html>

  <body>
    <h1>Function</h1>
    <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>
    <h2>Parameter & Argument</h2>
    <script>
      function oneplusone(){
        document.write(1+1+'<br>');
      }
      oneplusone();
      function sum(left, right){ : 값을 받아서 함수안으로 매개해주는것을 매개변수, Parameter
        document.write(left+right+'<br>');
      }
      sum(2,3); //5 :2,3은 argument 인자라고한다.
      sum(3,4); //7
    </script>
    <h2>Return</h2>
  </body>
</html>

 

결과값

 

 

저작자표시 비영리 동일조건 (새창열림)

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

[Java Script] 함수의 활용  (0) 2022.03.12
[Java Script] 함수 return  (0) 2022.03.11
[Java Script] 배열과 반복문의 활용  (0) 2022.03.09
[Java Script] 배열과 반복문  (0) 2022.03.09
[Java Script] 반복문  (0) 2022.03.07

'cording/생활코딩' Related Articles

티스토리툴바