jQuery推遲：在失敗（）回調拋出和捕獲異常

Question

我想做一個ajax請求，並在失敗時拋出異常。不幸的是，我無法捕捉到這個例外。我的代碼如下所示：

try { 
    jQuery.ajax('http://www.someurlthatwillproduceanerror.com') 
     .fail(function() { 
      throw 'an exception'; 
     }) 
     .done(function() { 
      console.log('ok'); 
     }) 
    ; 
} catch (e) { 
    console.log(e); 
} 

我希望代碼捕捉異常並將「異常」記錄到控制檯。相反，我最終得到一個未捕獲的異常。

有沒有人知道在這種情況下如何處理異常？

Answer 1

不，你不能這樣做。這不是異常處理如何與承諾協同工作的。

的done子句中的代碼不是在相同的時間或歷境作爲嘗試/捕獲執行。您不能在瀏覽器中異步捕獲像那樣的異常（還！）。

我的建議是治療的.fail條款爲續。

jQuery.ajax('http://www.someurlthatwillproduceanerror.com') 
    .fail(function() { 
     console.log("an exception"); // the handler here! 
    }) 
    .done(function() { 
     console.log('ok'); 
    }); 

請注意，基於異常執行某些操作的代碼不必與聲明承諾的代碼位於同一位置。

var p = jQuery.ajax('http://www.someurlthatwillproduceanerror.com'); 
... 
... 
p.fail(function(){ /* I'm handling it here */}); // .catch in modern promise libs 

一般來說，從處理promise的函數中返回promise可能是個好主意 - 通常會產生更乾淨的代碼。

Answer 2

您提供的fail函數異常執行異常執行。

我假設你想傳播一個錯誤給調用者，因此，你應該知道，延期失敗的目的是通過定義對這個模型進行建模（傳播失敗，除非是異步發生的失效）。

您應該推遲承諾返回給調用者，然後調用者可以將自己的成功/失敗的回調，而不是依靠try/catch語句。這裏是示例泛型延期使用：

function yourFunc() { 
    return jQuery.ajax('http://www.someurlthatwillproduceanerror.com') 
     .done(function() { 
      console.log('ok'); 
     }); 
} 

yourFunc().fail(function() { console.log('this... instead of a try/catch.'); }); 

Answer 3

也許你正試圖把所有的錯誤處理代碼放在一個地方。如果是這樣，您可以利用jQuery的ajax方法（或get或其他）實現promise接口，並將任何有風險的代碼放入then函數中。

方法如下：

jQuery.ajax('http://www.someurlthatwillproduceanerror.com/but/only/maybe') 

    .then(function(data, textStatus, jqXHR) { 
    // This function handles the response. It is NOT called if the AJAX fails. 
    console.log('ok'); 

    /** An optional result object to pass to your done() function */ 
    var result; 

    try { 
     // Code that might blow up goes here 
     result = 'The final result'; 
    } catch (e) { 
     // Oh no—it blew up! 
     // Reject the promise with the function signature of an AJAX failure 
     return $.Deferred().reject(jqXHR, textStatus, e); 
    } 

    // We only get this far if there wasn't an exception. 
    return result; // Optional 
    }) 

    .done(function(result) { 
    // This function gets called if there were no problems at all. 
    alert('Well, that\'s just ducky! Contact the vendor ' + 
     'and tell them to promote their devs!'); 
    console.log('Woo-hoo!', result); 
    }) 

    .fail(function(jqXHR, textStatus, errorThrown) { 
    // This function gets called if the AJAX failed, or if there was an exception 
    alert('Something went wrong. Contact the vendor ' + 
     'and tell them to give their devs more money!'); 
    console.error('Rats!', jqXHR, textStatus, errorThrown); 
    }); 

這樣一來，你有任何意外的錯誤一個失敗（）函數，無論是在服務器端或客戶端。