在前端开发中，异步编程似乎已经成为了必要的技能之一。但是，传统的回调函数方式和事件监听方式已经无法满足开发者们的需求。于是，Promise 对象和 Deferred 对象应运而生，它们分别是 ES6 和 jQuery 中的异步操作解决方案。
不过，使用 Deferred 和 Promise 对象前，我们需要对它们有个明确的认识。在本文中，我们将探讨它们的异同，以及如何正确使用。
1. 什么是 Deferred 和 Promise 对象
Deferred 对象和 Promise 对象都是用于处理异步操作的对象。它们能够提供异步操作的状态、播报异步操作的结果，并通过链式调用的方式大大方便了异步操作的编写和调试。
jQuery 的 Deferred 对象最早出现在 jQuery 1.5 版本中，是一种回调函数的集合，它们可以在异步操作完成后触发。而 ES6 的 Promise 对象，则是一个标准的 JavaScript 对象，在 ES6 中正式被引入，用于解决 JavaScript 中的异步编程问题。
2. 两者的相同点
Deferred 和 Promise 对象都是解决异步编程的方案，它们有诸多相似之处：
2.1 可以链式调用
通过链式调用的方式，可以方便地写出复杂的异步流程。在上一个异步操作完成后，可以直接调用下一个异步操作，从而让完整的异步操作更加流畅。
2.2 都可以指定成功和失败的回调函数
Deferred 和 Promise 对象都可以通过 then() 方法指定异步操作成功和失败的回调函数。而失败回调函数则可以通过 catch() 方法指定。
2.3 都有 resolve() 和 reject() 方法
在异步操作完成后，可以通过 resolve() 或 reject() 方法来改变 Deferred 或 Promise 对象的状态，从而触发相应的回调函数。
2.4 都可以用于多个异步任务
在一个异步操作中，可能涉及多个异步任务。Deferred 和 Promise 对象能够方便地管理这些任务的状态和执行流程。
3. 两者的异同点
虽然 Deferred 和 Promise 对象有不少相同之处，但是它们的实现方式和功能还是存在一些异同。在具体使用时，需要根据实际情况进行选择。
3.1 实现方式不同
Deferred 对象是 jQuery 中封装的一组回调函数集合，而 Promise 对象则是 ES6 中的标准对象。Deferred 对象由 jQuery 定义，Promise 对象则由 ECMAScript 标准定义。两者的最大不同点就在于它们的来源不同。
3.2 语法有所不同
jQuery 的 Deferred 对象的语法相对简单，通常可以用一个回调函数作为参数来实现正常和异常情况下的处理。
Promise 对象则更加简单，它直接返回一个新的 Promise 对象，而且只需要一个成功状态和一个失败状态。
3.3 应用场景不同
jQuery 主要应用于页面 DOM 操作和 Ajax 请求等方面，特别擅长于处理同步与异步代码间的交互问题。相对而言，ES6 的 Promise 对象更偏重于各种异步任务的执行和结果处理。
3.4 Deferred 对象可以被取消，Promise 对象不行
jQuery 的 Deferred 对象允许显式地取消当前的异步任务，而 Promise 对象则没有提供此类方法。一旦 Promise 对象被返回后，就无法取消它的执行。
4. 如何正确使用
针对 Deferred 和 Promise 的异同点，我们可以在不同的场景下选择合适的方案，以达到最优的编程效果。
在项目中，可以使用 jQuery 的 Deferred 对象来处理页面与服务器之间的异步请求，可以更好地处理异步调用和数据操作。
而在 Node.js 项目中或是在现代浏览器的环境下，推荐使用 ES6 的 Promise 对象，更能简洁地处理各种异步任务。
下面为大家提供一个 Promise 对象的简单示例代码：
-------- --------------- -
------ --- ----------------- ------- -- -
------------- -- -
-------------------
-- ------
---
-
----- -------- ---------------- -
----- ------ - ----- ----------------
-------------------- -- ---- --------- ----- --- ------
-
-----------------5. 总结
在本文中，我们简要介绍了 Deferred 和 Promise 对象的定义和实现原理，并讨论了它们的异同之处。正确地使用 Deferred 和 Promise 对象在异步编程中可以为我们带来不少的便利，不过在实际应用中，我们也需要根据不同的场景选择适合的方法。期待本文对您有帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/652f49c97d4982a6eb060cf6