在前端开发中，我们经常会使用 Promise 来处理异步操作。而在 jQuery 1.8 中，pipe() 和 then() 是两个处理 Promise 的方法。然而，在实际使用过程中，它们与文档中的描述可能存在一些差异，本篇文章将介绍这些差异并提供学习和指导意义。
pipe()
pipe() 方法可以用于将一个 Deferred 对象转换为另一个 Deferred 对象。例如：
var defer = $.Deferred(); defer.pipe(function(result) { return result + 1; }).done(function(result) { console.log(result); }); defer.resolve(2); // 输出 3
在上面的例子中，我们创建了一个 Deferred 对象，并使用 pipe() 方法将它转换为另一个 Deferred 对象。在转换后的 Deferred 对象中，我们将传入的参数加 1 并输出结果。最后，我们通过调用原始 Deferred 对象的 resolve() 方法来触发整个链式操作。
然而，在实际使用中，我们可能会遇到以下问题：
- 返回值不是 Deferred 对象：如果回调函数返回的是一个非 Deferred 对象，则整个链式操作将停止，并且 done() 方法也不会被触发。
- 回调函数中出现错误：如果回调函数中出现错误，则 fail() 方法会被触发而 done() 方法不会被触发。
因此，在使用 pipe() 方法时，我们需要注意回调函数的返回值以及错误处理。
then()
then() 方法与 pipe() 方法类似，也可以用于将一个 Promise 对象转换为另一个 Promise 对象。例如：
-- -------------------- ---- ------- --- ------- - --- ------------------------- - ----------- --- ----------------------------- - ------ ------ - -- ------------------------ - -------------------- --- -- -- -展开代码
在上面的例子中，我们创建了一个 Promise 对象，并使用 then() 方法将它转换为另一个 Promise 对象。在转换后的 Promise 对象中，我们将传入的参数加 1 并输出结果。
与 pipe() 方法不同的是，then() 方法返回的是一个新的 Promise 对象，而不是 Deferred 对象。因此，在实际使用中，我们需要注意以下问题：
- 返回值不是 Promise 对象：如果回调函数返回的是一个非 Promise 对象，则会将其包装为一个 resolved 的 Promise 对象并继续执行链式操作。
- 回调函数中出现错误：如果回调函数中出现错误，则 catch() 方法会被触发而 then() 方法不会被触发。
因此，在使用 then() 方法时，我们需要注意回调函数的返回值以及错误处理。
总结
在 jQuery 1.8 中，pipe() 和 then() 是两个处理 Promise 的方法。然而，在实际使用中，它们与文档中的描述可能存在一些差异。因此，在使用这两个方法时，我们需要注意回调函数的返回值以及错误处理。同时，我们也可以使用 ES6 中的 Promise API 来完成相同的操作。
示例代码： https://codepen.io/chatgpt/pen/BaWpEvB
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29751
