jQuery1.5深入理解deferred对象与Promise

整的对象？如果这样做，外部代码就可能随意地改变deferred的状态，比如在AJAX请求完成之前就人为地触发了“解决”（resolve）操作，导致所有绑定的回调函数提前执行，这显然会破坏异步处理的正常流程。因此，为了防止这种破坏性的行为，jQuery仅返回了一个promise对象，这个promise对象提供了绑定回调的方法以及检查deferred状态的方法，但不允许直接修改deferred的状态。 在深入理解jQuery的deferred和promise机制之前，我们先来定义一下这两个概念： - **Deferred对象**：在jQuery中， Deferred对象是用于管理异步操作的一种工具，它允许我们创建链式异步处理，并提供了一种方式来延迟和组织代码的执行。Deferred对象具有两种状态：pending（等待）和resolved（解决）或rejected（拒绝）。当一个deferred对象从pending变为resolved或rejected时，与之关联的回调函数将会被调用。 - **Promise对象**：Promise是Deferred对象的一个实例，它只提供了观察Deferred状态变化的接口，不包含改变状态的方法。用户通过Promise对象的then()、done()、fail()等方法来注册回调函数，当Deferred对象的状态改变时，这些回调会被相应地执行。 在jQuery中，`$.ajax()`返回的jqXHR对象就是一个Promise，我们可以使用它的`.then()`方法来注册成功和失败的回调，这与传统的`.success()`和`.error()`方法相比更加灵活。例如： ```javascript $.ajax({ url: 'your-url', type: 'GET' }).then( function(data, textStatus, jqXHR) { // 成功处理 }, function(jqXHR, textStatus, errorThrown) { // 错误处理 } ); ``` 此外，`$.ajax()`的Promise也支持链式调用，这意味着可以在同一个链中处理多个异步操作，如下所示： ```javascript $.ajax('url1').then(function(data1) { // 处理数据1 return $.ajax('url2'); }).then(function(data2) { // 当url1和url2都成功后，处理数据2 }); ``` Promise的一个重要特性是它可以捕获异步操作中的错误。在上面的例子中，如果`url1`的请求失败，`url2`的请求将不会被执行，且可以通过`.catch()`方法来捕获错误： ```javascript $.ajax('url1').then(function(data1) { // 处理数据1 return $.ajax('url2'); }).then(function(data2) { // 处理数据2 }).catch(function(error) { // 捕获任何阶段的错误 }); ``` 除了`.then()`，jQuery还提供了`.done()`, `.fail()`, 和 `.always()` 方法来分别处理成功的回调、失败的回调和无论成功或失败都要执行的回调。这些方法都是Promise接口的一部分，使得异步代码更易于理解和维护。 jQuery的deferred和promise机制提供了一种优雅的方式来处理异步操作，它允许我们编写顺序的、可读性强的代码，而无需嵌套回调地狱。通过理解并熟练使用deferred和promise，开发者可以更好地管理和控制异步流程，提升代码的可维护性和可测试性。