생활 코딩 24-28. 함수

22.09.16ver.

24. 함수 예고

구경만 해도 충분!

 

함수 : 코드가 많아질 때, 잘 정리정돈 하기 위한 도구

더 많아지면? -> 객체

---

 

25. 함수

함수 = 메소드(다른 이름)

함수를 이론적으로 살펴보는 시간

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

코드가 간결해지고 편해진다.

 

---

26. 함수 : 매개변수와 인자

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

• 매개변수(Parameter) : 함수에서 기능하는 변수(left, right)
• 인자(Argument) : 매개변수에 부여되는 값(2, 3, 4)

 

---

27. 함수 (리턴)

함수는 입력과 출력의 기능이 있다.

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

 

---

28. 함수의 활용

그냥 보기만 하자

 

리팩토링하는 데 있어서 가장 유용한 도구 : 함수