[JavaScript] Ajax Error Callback 에서 this.~ 호출 주의

Ajax 통신 시 보통 에러 콜백을 설정해서 후단 처리를 진행하는데,

에러 콜백에서 같은 스크립트 파일에 있는 function 을 부르겠다고 this.~ 을 하게 되니 크롬에서 오류가 발생했음..

 

이유는, this 를 걸어버리는 순간 'a' 가 아니라 'ajax' 를 바라보기 때문임...

var a = {
  /* 알럿을 띄우는 function */
  displayAlert : function(msg) {
  	alert(msg);
  },
  
  /* 여기부터 실행한다고 가정 */
  init : function() {
    $.ajax({
    url : ~~~
    ...
    success : function() {
      console.log("success!");
    },
    error : function() {
      this.displayAlert("알럿을 띄우는 function");
      console.log("error!");
    }
  });
}

 

어쨌든, this.~ 이 아니라 a.~ 등 알맞게 호출하면 해결됨! :D

 

(너무 단순해서 그런가 구글링해도 안나와서 정리 ;ㅁ;)