promise中then参数中的函数返回值

最新推荐文章于 2024-05-01 15:39:40 发布
最新推荐文章于 2024-05-01 15:39:40 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： # promise 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48079602/article/details/115773381
版权 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>

    <script type="text/javascript">
        // then参数中的函数返回值

        function queryData(url) {
            return new Promise(function(resolve, reject) {
                var xhr = new XMLHttpRequest();
                xhr.onreadystatechange = function() {
                    if (xhr.readyState != 4) return;
                    if (xhr.readyState == 4 && xhr.status == 200) {
                        // 处理正常的情况
                        resolve(xhr.responseText);
                    } else {
                        // 处理异常情况
                        reject('服务器错误');
                    }
                };
                xhr.open('get', url);
                xhr.send(null);
            });
        }
        queryData('http://localhost:3000/data')
            .then(function(data) {
                return queryData('http://localhost:3000/data1');
            })
            .then(function(data) {
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        resolve(123);
                    }, 1000)
                });
            })
            .then(function(data) {
                return 'hello';
            })
            .then(function(data) {
                console.log(data)
            })
    </script>
    <script>
        var p = new Promise(function(resolve, reject) {
            resolve('sd')
                // return 'qw';
        });
        p.then(function(data) {
                // console.log(data);
                // resolve('sd'); //.then 内部是没有resolve方法的，会报错
                return 'qw';
                // .then返回值有两种情况：
                // 一、 return一个promise对象，这时有这个promise对象来调用后面的.then
                // 二、 .then 内部直接返回一个值时，会自动生成一个promise对象，以便后面
                //的.then调用，其中这个值推测会作为resolve的参数
            })
            .then(function(data) {
                console.log(data);
                return 2;
            })
            .then(function(data) {
                console.log(data);
            })
    </script>
</body>

</html>
令狐风云
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6 之异步 Promise
weixin_44513658的博客
04-18 275
ES6 之异步 Promise
Promise中then的返回值
weixin_51042892的博客
03-06 4424
then中有return的话，return的值有两种情况 1.除Promise对象外，则默认成功 2.Promise对象，则下一个then是处理这个Promise对象的 let p=new Promise((resolve,reject)=>{ resolve(“fulfilled”); // reject(“io”) }).then( value=>{ // 返回除Promise对象外，默认都为成功 // return “zy” return new Promise((resolve,re.
详解Promise使用_promise获取数据
kOS0ym的博客
05-01 1137
在我们调用resolve的时候，如果resolve传入的值本身不是一个Promise，那么会将该Promise的状态变成兑现 (fulfilled)在之后我们去调用reject时，已经不会有任何的响应了(并不是这行代码不执行，而是无法改变Promise的状态)
then参数中的函数返回值
weixin_45630345的博客
08-09 3290
1. 返回Promise实例对象 返回的该实例对象会调用下一个then 2. 返回普通值 返回的普通值会直接传递给下一个then，通过then参数中函数的参数接收该值 ... .then(function(data){ return 'hello'; //当返回值是一个普通值时，会默认产生一个promise实例对象调用下一个then，保证可以进行链式操作 }) .then(function(data){ //控制台输出的是hello console.log(data); }) ...
Promise - then参数回调函数返回值为Promise对象时产生的两次微任务说明
伏城之外的博客
05-11 2349
【JS】因两道Promise执行题让我产生自我怀疑，从零手写Promise加深原理理解 - 听风是风 - 博客园 (cnblogs.com) Promise.resolve().then(() => { console.log(0); return Promise.resolve(4); }).then((res) => { console.log(res) }) Promise.resolve().then(() => { console.log(1
Promise.then函数返回值类型与参数传递
weixin_41728198的博客
12-08 1万+
JavaScript语言没有类型，我更喜欢使用TypeScript，它本质上也是运行JavaScript的代码。 在TypeScript中使用Promise的时候，Promise.then()函数的返回值类型有时需要考虑。 我们都知道，Promise.then和Promise.catch这两个函数都是可以链式调用的，说明他们返回的类型也是一个Promise类型的对象。每一个then或catch...
Promise.then方法 返回值
qq_30436011的博客
10-20 4125
var p = Promise.resolve(1) p.then((value)=>{ //1、返回一个Promise 调用resolve return new Promise(function(resolve,rejected){ resolve(value + 1) }) //2、返回一个Promise 调用rejected return new Promise(function(resolve,rejected){ re.
js 使用promise函数返回值
Qing_X_C的博客
01-20 6304
作为一个函数如果请求接口后要有返回值，在then（）里面直接return，返回的是个无法使用的promise对象 此时应该新建一个promise对象，return resolve（），页面可正常使用返回值，
Promise 对象 异步 then 回调函数
qq_22905801的博客
08-11 1001
Promise对象是 JavaScript 的异步操作解决方案，为异步操作提供统一接口。它起到代理作用（proxy），充当异步操作与回调函数之间的中介，使得异步操作具备同步操作的接口。Promise 可以让异步操作写起来，就像在写同步操作的流程，而不必一层层地嵌套回调函数。注意，本章只是 Promise 对象的简单介绍。为了避免与后续教程的重复，更完整的介绍请看《ES6 标准入门》的《Promise 对象》一章。首先，Promise 是一个对象，也是一个构造函数。// 异步代码...}......
promise.then返回结果几种情况
热门推荐
m0_60909419的博客
04-12 1万+
首先实例化一个promise对象。promise对象身上有then方法，可用来指定回调，对成功和失败的结果进行处理。它接受两个回调函数，一个是resolve成功的回调，一个是reject失败的回调。 const p = new Promise((resolve, reject) => { setTimeout(() => { resolve('成功的回调'); // reject('失败的回调'); }, 1000); }); p.then(v
JS中Promise函数then的奥秘探究
10-18
当Promise的状态发生变化时，`then`中的回调函数会被调用。 首先，让我们深入理解`then`方法的基本用法。`then`接受两个参数：`onFulfilled`和`onRejected`。`onFulfilled`处理Promise成功的情况，而`onRejected`...
NodeJS中利用Promise来封装异步函数
10-24
1. 如果onFulfilled或onRejected的返回值不是Promise，它将作为下一个`then`中onFulfilled的参数。 2. 如果返回的是Promise，那么新的Promise将跟随返回Promise的状态。 3. 如果在onFulfilled或onRejected中抛出异常...
js中一个函数获取另一个函数返回值问题探讨
10-26
在JavaScript中，函数是第一类对象，这意味着它们可以被赋值给变量、作为参数传递给其他函数，甚至作为其他函数的返回值。然而，当涉及到异步操作时，如Ajax请求，获取另一个函数的返回值可能会变得复杂。本文将深入...
Javascript中的神器——Promise
10-20
创建Promise的最常见方式是通过构造函数，传入一个函数，该函数接收两个参数：`resolve`和`reject`。当异步操作成功时，调用`resolve`函数，传递成功的结果；如果操作失败，调用`reject`函数，传递错误信息。 ...
详细解读JavaScript编程中的Promise使用
10-23
在基础使用中，我们可以将一个返回值通过Promise包装，比如原始的doMission1()函数接收回调作为参数，而转换后的Promise版本则返回一个具有then方法的对象。then方法接受两个参数，分别是成功时的回调和失败时的回调...
基于Springboot和Vue的图书借还管理系统源码 图书借还管理系统代码（高分毕设）
最新发布
07-28
图书借还管理系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
C语言内存管理：静态与动态分配的较量
07-28
C语言是一种通用的编程语言，由丹尼斯·里奇（Dennis Ritchie）在20世纪70年代早期于美国电话电报公司（AT&T）的贝尔实验室开发。C语言以其高效性、灵活性和可移植性而闻名，它是一种过程式编程语言，提供了对底层硬件的直接访问能力。 C语言的特点包括： 1. **简洁高效**：C语言的语法简洁，执行效率高，适合编写系统软件。 2. **接近硬件**：C语言提供了对内存地址和位操作的直接控制，使其非常适合硬件级编程。 3. **可移植性**：C语言编写的程序可以在不同的操作系统和硬件平台上编译和运行，具有很好的可移植性。 4. **丰富的库支持**：C语言拥有大量的标准库，如标准输入输出库（stdio.h）、数学库（math.h）等。 5. **结构化编程**：C语言支持结构化编程，允许使用循环、条件判断和函数等控制结构。 6. **指针**：C语言的指针功能强大，可以操作内存地址，实现复杂的数据结构和算法。 7. **编译型语言**：C语言是一种编译型语言，源代码需要通过编译器转换成机器码才能运行。 C语言广泛应用于操作系统（如Unix和Linux）、嵌入式系统、高性能
通讯协议规范-命令包格式
07-28
提供一份通讯协议规范，包含命令包、格式等，在上下位机调试的时候可参考该文档，制定对应的通讯协议。
Promise对象的返回值 由什么决定?(在Promise对象和then中分别叙述)
04-02
如果回调函数返回值是一个非Promise对象的值，则返回一个新的Promise对象，状态为fulfilled，并将该值作为resolve()方法的参数。如果回调函数返回值是一个Promise对象，则返回该Promise对象，并根据其状态决定新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值