41、异步编程中的 Deferred 和 Promise 对象及单元测试

seed

于 2025-10-06 16:43:54 发布

阅读量16

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery实战精髓解读文章标签： Deferred Promise 异步编程

本文链接：https://blog.youkuaiyun.com/seed/article/details/153288850

jQuery实战精髓解读专栏收录该内容

50 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

异步编程中的 Deferred 和 Promise 对象及单元测试

1. Deferred 方法概述

在处理异步代码时，我们经常会遇到回调地狱的问题。而使用 Deferred 和 Promise 对象可以很好地避免这一问题。下面我们来看一个 animate 函数的例子：

<!DOCTYPE html>
<html>
   <body>
      <button id="run-button">Run</button>
      <div class="progress"></div>
      <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
      <script>
         function animate(milliseconds) {
            var deferred = $.Deferred();
            setTimeout(function() {
               for (var i = 0; i <= 100; i++) {
                  (function(value) {
                     setTimeout(function() {
                        deferred.notify(value);