草庐IT

javascript - 函数 then() 在 JavaScript 中是什么意思？

coder 2023-05-01 原文

我一直看到这样的代码:

myObj.doSome("task").then(function(env) {
    // logic
});

在哪里then()来自？

最佳答案

在 JavaScript 中处理异步调用的传统方法是使用回调。
假设我们必须对服务器进行三个调用，一个接一个，以设置我们的
应用。使用回调，代码可能如下所示(假设
用于进行服务器调用的 xhrGET 函数):

// Fetch some server configuration
    xhrGET('/api/server-config', function(config) {
        // Fetch the user information, if he's logged in
        xhrGET('/api/' + config.USER_END_POINT, function(user) {
            // Fetch the items for the user
            xhrGET('/api/' + user.id + '/items', function(items) {
                // Actually display the items here
            });
        });
    });

在这个例子中，我们首先获取服务器配置。然后基于此，我们获取
当前用户的信息，最后得到当前用户的物品列表
用户。每个 xhrGET 调用都有一个回调函数，当服务器
回应。

当然，我们拥有的嵌套级别越多，代码就越难阅读、调试、
维护，升级，基本上可以使用。这通常被称为回调 hell 。
此外，如果我们需要处理错误，我们可能需要将另一个函数传递给每个
xhrGET 调用告诉它在发生错误时需要做什么。如果我们只想拥有一个
常见的错误处理程序，这是不可能的。

The Promise API was designed to solve this nesting problem and the problem of error handling.



Promise API 提出以下建议:
  • 每个异步任务都会返回一个 promise目的。
  • 每个promise对象将有一个 then可以接受两个参数的函数，一个 success处理程序和 error处理程序。
  • then 中的成功或错误处理程序函数只会被调用一次，之后
    异步任务完成。
  • then函数还将返回 promise , 允许链接多个调用。
  • 每个处理程序(成功或错误)都可以返回 value ，这将传递给下一个
    用作 argument ，在promise的链中s。
  • 如果处理程序返回 promise (发出另一个异步请求)，然后下一个
    仅在该请求完成后才会调用处理程序(成功或错误)。

    • 因此，前面的示例代码可能会转换为以下内容，使用
    promise 和$http服务(在 AngularJs 中):
    $http.get('/api/server-config').then(
    function(configResponse) {
        return $http.get('/api/' + configResponse.data.USER_END_POINT);
    }
).then(
    function(userResponse) {
        return $http.get('/api/' + userResponse.data.id + '/items');
    }
).then(
    function(itemResponse) {
        // Display items here
    }, 
    function(error) {
        // Common error handling
    }
);

    传播成功和错误

    链接 promise 是一种非常强大的技术，它可以让我们完成很多
    功能，例如让服务进行服务器调用，对
    数据，然后将处理后的数据返回给 Controller 。但是当我们与promise链，我们需要记住一些事情。

    考虑以下假设 promise具有三个 promise 的链，P1、P2 和 P3。
    每个promise有一个成功处理程序和一个错误处理程序，所以 S1 和 E1 用于 P1、S2 和
    P2 为 E2，P3 为 S3 和 E3:
    xhrCall()
  .then(S1, E1) //P1
  .then(S2, E2) //P2
  .then(S3, E3) //P3

    在正常的事物流中，没有错误的地方，应用程序将流
    通过 S1、S2，最后到 S3。但在现实生活中，事情从来没有那么顺利。 P1 可能
    遇到错误，或者 P2 可能遇到错误，触发 E1 或 E2。

    考虑以下情况:

    • 我们在 P1 中收到服务器的成功响应，但返回的数据不是
    正确，或者服务器上没有可用数据(想想空数组)。在这样一个
    在这种情况下，对于下一个 promise P2，它应该触发错误处理程序 E2。

    • 我们收到promise P2 的错误，触发E2。但是在处理程序内部，我们有
    缓存中的数据，确保应用程序可以正常加载。在这种情况下，
    我们可能想确保在 E2 之后调用 S3。

    因此，每次我们编写成功或错误处理程序时，我们都需要进行调用——给定我们的
    当前函数，这个 promise 对于 promise 中的下一个处理程序是成功还是失败
    链？

    如果我们想触发链中下一个 promise 的成功处理程序，我们可以
    从成功或错误处理程序返回一个值

    另一方面，如果我们想为下一个 promise 触发错误处理程序
    链，我们可以使用 deferred 来做到这一点对象并调用其 reject()方法

    Now What is deferred object?

    Deferred objects in jQuery represents a unit of work that will be completed later, typically asynchronously. Once the unit of work completes, the deferred object can be set to resolved or failed.

    A deferred object contains a promise object. Via the promise object you can specify what is to happen when the unit of work completes. You do so by setting callback functions on the promise object.



    Jquery 中的延迟对象:https://api.jquery.com/jquery.deferred/

    AngularJs 中的延迟对象:https://docs.angularjs.org/api/ng/service/ $q

    关于javascript - 函数 then() 在 JavaScript 中是什么意思？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3884281/

    javascriptcodebrpromise

    有关javascript - 函数 then() 在 JavaScript 中是什么意思？的更多相关文章

    1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

      类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

    2. ruby-on-rails - Rails - 子类化模型的设计模式是什么？ - 2

      我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co

    3. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们？ - 2

      我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

    4. ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

      我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

    5. ruby - 为什么 4.1%2 使用 Ruby 返回 0.0999999999999996？但是 4.2%2==0.2 - 2

      为什么4.1%2返回0.0999999999999996？但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意，这不是与Ruby相关的问题，而是与所有编程语言相关的问题，因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返

    6. ruby - ruby 中的 TOPLEVEL_BINDING 是什么？ - 2

      它不等于主线程的binding，这个toplevel作用域是什么？此作用域与主线程中的binding有何不同？>ruby-e'putsTOPLEVEL_BINDING===binding'false 最佳答案 事实是，TOPLEVEL_BINDING始终引用Binding的预定义全局实例，而Kernel#binding创建的新实例>Binding每次封装当前执行上下文。在顶层，它们都包含相同的绑定(bind)，但它们不是同一个对象，您无法使用==或===测试它们的绑定(bind)相等性。putsTOPLEVEL_BINDINGput

    7. ruby - 在没有 sass 引擎的情况下使用 sass 颜色函数 - 2

      我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem，所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re

    8. ruby - Infinity 和 NaN 的类型是什么？ - 2

      我可以得到Infinity和NaNn=9.0/0#=>Infinityn.class#=>Floatm=0/0.0#=>NaNm.class#=>Float但是当我想直接访问Infinity或NaN时:Infinity#=>uninitializedconstantInfinity(NameError)NaN#=>uninitializedconstantNaN(NameError)什么是Infinity和NaN？它们是对象、关键字还是其他东西？ 最佳答案 您看到打印为Infinity和NaN的只是Float类的两个特殊实例的字符串

    9. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象，为什么它会起作用？ - 2

      如果您尝试在Ruby中的nil对象上调用方法，则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而，有一个tryRails中的方法，如果它被发送到一个nil对象，它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常？ 最佳答案 像Ruby中的所有其他对象

    10. ruby - 为什么 SecureRandom.uuid 创建一个唯一的字符串？ - 2

      关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗？通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion为什么SecureRandom.uuid创建一个唯一的字符串？SecureRandom.uuid#=>"35cb4e30-54e1-49f9-b5ce-4134799eb2c0"SecureRandom.uuid方法创建的字符串从不重复？

    随机推荐