24. 함수예고

 

함수는 영어로 function 이라고 하는데, 함수라고 했을때 떠오르는 이미지는 수납상자 입니다.

코드가 많아지면 그 코드를 잘 정리 정돈 하기 위한 도구가 필요합니다. 첫 번째로 생각할 수 있는 아주 간단하며 강력한 도구가 함수 이고, 그것보다 좀 더 큰 도구는 객체 입니다.

... 생략 ...
<script> // self 추가해주기
   function nightDayHandler(self) {
   var target = document.querySelector('body');
   if(self.value === 'night') {
    target.style.backgroundColor = 'black';
    target.style.color = 'white';
    self.value = 'day';

   var alist = document.querySelectorAll('a');
   var i = 0;
   while(i < alist.length) {
     alist[i].style.color = 'powderblue';
     i = i + 1;
    }
   } else {
   target.style.backgroundColor = 'white';
   target.style.color = 'black';
   self.value = 'night'; 

   var alist = document.querySelectorAll('a');
   var i = 0;
   while(i < alist.length) {
     alist[i].style.color = 'blue';
     i = i + 1;
     }
   }
  }
">
... 생략 ...

 

nightDayHandler( ) 라는 코드를 사용 할 수 있다.

nightDayHandler( this )라는 뜻은 nightDayHandler( ) 함수를 실행 하라는 뜻

즉, 유지보수가 극단적으로 좋아진다.