상세 컨텐츠

본문 제목

함수

Javascript

by loeybho 2023. 9. 25. 13:12

본문

프로그래밍에서의 함수

코드를 정리하기 위한 것

 

Function

- Basic

- Parameter & Argument : 입력

- Return : 출력

 

<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>

 

함수 명시

함수 선언

 

반복문과의 차이?

연속되지는 않지만 중복되는 경우가 있을 때 함수를 사용하는 것이 좋다. 

 

매개변수와 인자 

매개변수 = parameter

인자 = argument

 

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

 

함수 - 리턴

<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>

 

 

'Javascript' 카테고리의 다른 글

콜백 지옥(callback)  (0) 2024.02.20
Promise  (0) 2024.02.19
비동기 통신  (0) 2024.02.19
객체  (0) 2023.09.27
자바스크립트 - 웹과 자바스크립트  (0) 2023.09.22

관련글 더보기