This의 중요성과 Call() 사용

오늘 submit으로 검색이 되던 페이지에서

Ajax로 검색이 되도록 요건이 들어왔다.

1.checkbox로 검색이 되는 ajax

2.input text로 검색이 되는 ajax

같은 ajax를 다른 환경에서 써야되서 this가 상황에 따라 달라져야 했다.

//Ajax 필터 검색
$('.x-types').on('click', function(){
   $('.searchbox-input').val('');
   searchAjax.call(this);
});
 
//검색버튼 submit 처리
$('.searchbox-search').on('click', function(){
   $(this).find('input[name="type2"]').prop('checked', false);
   searchAjax.call(this);
   });                        

searchAjax라는 메소드로 분리시킨후

분기마다 this를 전달해야 했는데

이때 쓰는 방법이 바로 call() 메서드

단순히 this 뿐 아니라 여러 다른 인자들도 전달 할 수 있다.