JavaScript 함수가 정의되지 않았습니까? 파이어 폭스는 JS의이 작품에서 오류를 "정의되지 않은 함수를"던지고 어떤 이유

Question

:

$(function() { // on document ready 

function updateAlerts() { 
    $.ajax({ 
     url : "/check.php", 
     type : "POST", 
     data : { 
     method : 'checkAlerts' 
     }, 
     success : function(data, textStatus, XMLHttpRequest) { 
     var response = $.parseJSON(data); 

     // Update the DOM to show the new alerts! 
     if (response.friendRequests > 0) { 
      // update the number in the DOM and make sure it is visible... 
      $('#notifications').show().text(response.friendRequests); 
     } 
     else { 
      // Hide the number, since there are no pending friend requests or messages 
      var ablanknum = '0'; 
      $('#notifications').show().text(ablanknum); 
     } 

     } 
    }); 
} 

function friendRequestAlert() { 
    $.ajax({ 
     url : "/check.php", 
     type : "POST", 
     data : { 
     method : 'sendFriendAlert' 
     }, 
     success : function(data, textStatus, XMLHttpRequest) { 
     var response = $.parseJSON(data); 

     if (response.theFRAlert !== '0') { 
      // Display our fancy Javascript notification. 
      $.jgrowl('' + response.theFRAlert + ''); 
     } 

     } 
    }); 
} 

function messageAlert() { 
    $.ajax({ 
     url : "/check.php", 
     type : "POST", 
     data : { 
     method : 'sendMessageAlert' 
     }, 
     success : function(data, textStatus, XMLHttpRequest) { 
     var response = $.parseJSON(data); 

     if (response.theAlert !== '0') { 
      // Display our fancy Javascript notification. 
      $.jgrowl('' + response.theAlert + ''); 
      $('#therearemessages').show().text(response.theAlert); 
     } 

     } 
    }); 
} 

}); 

가 내 코드와 아무것도를 통해 확인이 잘못된 것 같습니다.

Answer 1

문서 준비 래퍼에 3 개의 함수를 래핑 할 이유가 없습니다. 문서가 준비 될 때까지 의존하지 않는 함수는 호출 될 때까지 실행되지 않습니다. 더 나아가, 문서 준비가 가능하도록 그것들을 래핑함으로써, 당신은 그것들을 그 anon 함수의 범위 내로 강제하게되며, 그것들 외부에서 사용될 수 없습니다.

관련이 없으면 $ .ajax 호출에서 dataType을 'json'으로 설정하고 $ .parseJSON에 대한 수동 호출을 중지해야합니다.

새로운 코드 :

function updateAlerts() 
{ 
    $.ajax({ 
     url: '/check.php', 
     type: 'POST', 
     data: { 
      method: 'checkAlerts' 
     }, 
     dataType: 'json', 
     success: function(response) 
     { 
      // Update the DOM to show the new alerts! 
      if(response.friendRequests > 0) 
      { 
       // update the number in the DOM and make sure it is visible... 
       $('#notifications').show().text(response.friendRequests); 
      } 
      else 
      { 
       // Hide the number, since there are no pending friend requests or messages 
       var ablanknum = '0'; 
       $('#notifications').show().text(ablanknum); 
      } 
     } 
    }); 
} 

function friendRequestAlert() 
{ 
    $.ajax({ 
     url: '/check.php', 
     type: 'POST', 
     data: { 
      method: 'sendFriendAlert' 
     }, 
     dataType: 'json', 
     success: function(response) 
     { 
      if(response.theFRAlert !== '0') 
      { 
       // Display our fancy Javascript notification. 
       $.jgrowl('' + response.theFRAlert + ''); 
      } 
     } 
    }); 
} 

function messageAlert() 
{ 
    $.ajax({ 
     url: '/check.php', 
     type : 'POST', 
     data: { 
      method : 'sendMessageAlert' 
     }, 
     dataType: 'json', 
     success: function(response) 
     { 
      if(response.theAlert !== '0') 
      { 
       // Display our fancy Javascript notification. 
       $.jgrowl('' + response.theAlert + ''); 
       $('#therearemessages').show().text(response.theAlert); 
      } 
     } 
    }); 
} 

Answer 2

자바 스크립트의 범위는 함수 기반입니다.

DOMready에서 실행되고 범위를 벗어나는 함수 안에 3 개의 함수를 정의 했으므로 funcitons도 마찬가지입니다.

다른 말로하면 : 3 가지 기능은 DOmready 기능 내에 만 존재하며 그 기능을 벗어난 곳에서는 사용할 수 없습니다.