是否可以向 JQuery 的 promise 对象添加方法？

Question

我想向 JQuery 的 promise 对象添加一个 catch 方法，这样我就不必每次都输入以下内容：

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

另外，它会更容易阅读。我将如何在 JQuery 1.11 中执行此操作？

Answer 1

是的，这是可能的，但我强烈建议不要这样做。而是使用适当的 Promise 库并同化您的 jQuery Promise；这样您就可以使用内置的库（并且正确）.catch() 方法 - 这样您也可以省略 return $.Deferred().resolve().promise(); 行。

扩展 jQuery Promise 的问题在于，它们没有继承我们可以简单修改的​​原型，而是使用工厂模式（阅读 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

坦率地说，我根本不会使用 jQuery “Promises”，因为它们甚至不遵循规范。例如，使用 bluebird 库。

Answer 3

您可以创建您的自定义然后

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

您已向原型添加了一个名为 customthen 的新函数。因此，这个新功能在所有情况下都可用。

现在，你可以如下使用它

.customthen();