是否可以向JQuery的承諾對象添加方法？

Question

我想一個catch方法添加到JQuery的promise對象，這樣我就不必鍵入每次執行以下操作：

.then(null,function(data){ 
    // handle error 
    return $.Deferred().resolve().promise(); 
}); 

而且，它會更容易閱讀。我如何在JQuery 1.11中做到這一點？

Answer 1

是的，這是可能的，但我強烈建議不要這樣做。而是使用合適的承諾庫並吸收你的jQuery承諾;以便您可以使用內置庫（並更正）.catch()方法 - 以便您也可以省略該行。

擴展jQuery承諾的問題在於，它們不能從我們可以簡單修改的​​原型繼承，而是使用工廠模式（請參閱the source）。你需要decorate它：

jQuery.Deferred = (function($Deferred) { 
    var Deferred = function(func) { 
     var deferred = $Deferred(func), 
      promise = deferred.promise(); 
     deferred.catch = promise.catch = function(fnFail) { 
      return promise.then(null, fnFail); 
     }; 
     return deferred; 
    }; 
    return Deferred; 
}(jQuery.Deferred)); 

Answer 2

您可以創建自定義然後

$.Deferred().prototype.customthen = function(){ 
    $.Deferred().prototype.then.call(this, null, ,function(data){ 
    // handle error 
    return $.Deferred().resolve().promise(); 
    }) 
} 

您已經添加了一個名爲customthen原型的新功能。所以，這個新功能在所有情況下都可用。現在

，你可以坦白如下

.customthen();