jQuery中.catch和.fail有什么区别?

问题描述 投票:14回答:2

.fail的简短文件说:

添加要在拒绝Deferred对象时调用的处理程序。

.catch的简短文档是完全相同的:

添加要在拒绝Deferred对象时调用的处理程序。

资料来源:http://api.jquery.com/category/deferred-object/

两种方法接受的论点似乎不同,.catch的文件指出.catch.then(null, fn)的别名

有没有我应该使用.fail和其他我应该使用.catch的情况?

或者......如果我只有一个功能......以下命令可以互换,它们只是出于兼容性/历史原因而存在?

a) .fail(fn)

b) .catch(fn)

c) .then(null, fn)

我创建了一个jsFiddle:

https://jsfiddle.net/sq3mh9j5/

如果存在差异,请您提供一些示例,因为我是jquery的新手并且尚未熟悉所有承诺条款。

为什么.catch的文档没有引用.fail的文档并澄清差异/相似性?

编辑我在3.0发行说明中发现了一些注释,其中.then的行为发生了变化。 https://blog.jquery.com/2015/07/13/jquery-3-0-and-jquery-compat-3-0-alpha-versions-released/然而,我仍然不确定何时使用.fail以及何时使用.catch。

jquery promise deferred
2个回答
8
投票

catchfail略有不同,因为catch将返回一个新的(已解决的)承诺,而fail将返回原来的承诺。

// This will only output "fail"
$.Deferred()
  .reject(new Error("something went wrong"))
  .fail(function() {
    console.log("fail");
  })
  .then(function() {
    console.log("then after fail");
  })
// This will output "catch" and "then after catch"
$.Deferred()
  .reject(new Error("something went wrong"))
  .catch(function() {
    console.log("catch");
  })
  .then(function() {
    console.log("then after catch");
  })

Note that catch(fn) is an alias of then(null, fn).


2
投票

所以我认为主要区别在于你从中获得的每一个。

catch允许您运行单个函数。

失败允许您运行许多功能。

除此之外,我同意你的发现。它们非常相似。

我添加了一个示例代码来展示fail将如何运行这两个函数,catch只会运行一个。

 $.ajax({
            url: "abc"
        }).done(function (data) {

        }).fail(function () {
            alert("a");
        }, function () {
            alert("b");
        })
                .catch(function () {
                    alert("c");
                }, function () {
                    alert("d");
                });

如果你运行它,你得到'a','b','c'然后'd'不会运行。

我希望这个简单的例子展示了它的不同之处。

© www.soinside.com 2019 - 2024. All rights reserved.