jQuery1.5深入理解Deferred与Promise

0 下载量 166 浏览量 更新于2024-08-30 收藏 82KB PDF 举报
"jQuery1.5中的deferred对象与Promise的使用" 在jQuery1.5版本中,引入了 Deferred 对象和 Promise 概念,这极大地增强了异步编程的能力,特别是处理多个异步操作的顺序和组合。 Deferred 对象是 jQuery 为实现非阻塞异步操作提供的一种机制,而 Promise 是 Deferred 的一种接口,允许其他代码订阅 Deferred 的完成状态,而无需直接访问 Deferred 对象。 $.ajax() 是 jQuery 中用于发起 AJAX 请求的核心函数,它返回一个 jqXHR 对象,该对象是一个封装了 XMLHttpRequest 的实例,并且包含了 Deferred 对象的一些方法。这些方法包括: 1. **promise()**: 返回与当前 Deferred 对象关联的 Promise 对象,允许外部代码注册回调函数来处理 Deferred 的成功或失败,而不会直接修改 Deferred 状态。 2. **then()**: 这是 Promise 的核心方法,可以添加成功和失败的回调函数,当 Deferred 被 resolve 或 reject 时,这些回调会被调用。 3. **success()** 和 **error()**: 这两个是简化的 then() 方法,分别用于注册成功的回调和错误的回调,它们是 $.ajax() 的传统接口。 4. **isResolved()** 和 **isRejected()**: 这两个方法检查 Deferred 是否已经被 resolve 或 reject,以确定其当前状态。 然而,为了防止外部代码意外地改变 Deferred 的状态,$.ajax() 并不直接返回完整的 Deferred 对象,而是返回由 promise() 方法创建的 Promise 实例。这样做可以保护内部的异步操作不受外部干扰,确保只有 $.ajax() 内部能够通过 resolve()、reject()、resolveWith() 和 rejectWith() 来控制异步请求的生命周期。 `resolve()` 和 `reject()` 是用来改变 Deferred 对象状态的关键方法。当一个 Deferred 被 resolve(),与其关联的 Promise 上的 then() 中的成功回调会被执行;如果被 reject(),那么失败回调会被触发。`resolveWith()` 和 `rejectWith()` 则允许传递参数到对应的回调函数。 例如,如果你有多个异步任务需要按顺序执行,你可以使用链式调用 `then()` 来确保前一个任务完成后才会开始下一个任务。此外,`when()` 函数可以用来等待多个 Promise 对象都完成,这在并行执行异步任务并等待所有任务结束时非常有用。 jQuery 的 Deferred 和 Promise 提供了一种强大的方式来管理和组织异步操作,使得编写异步代码更加清晰和易于维护。通过理解 Deferred 和 Promise 的工作原理,开发者可以更好地控制异步流程,避免回调地狱,提高代码的可读性和可测试性。