Promise常用方法

最新推荐文章于 2024-07-16 20:32:10 发布
最新推荐文章于 2024-07-16 20:32:10 发布
阅读量1.2k 收藏 3
点赞数 1
文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hasakizzz66/article/details/108395527
版权

Promise-nesting

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="../utils.js"></script>
</head>
<body>
  <button onclick="sendMsg()">发送请求</button>
  <script>
    // 发送三个不同的请求，根据三个返回做数据据处理
    // 按顺序发请求
    // 把嵌套promise展开，在第一个then里把promise return出来就可以在后面.then了而不用在里面嵌套了
    function sendMsg () {
   
      utils.fetch('./06.php', {
    id: prompt() }).then(resp => {
   
        console.log(resp)
        // 第一个请求返回了才发第二个
        return utils.fetch('./06.php', {
    id: prompt() })
      }).then(resp1 => {
   
        console.log(resp1)
        return utils.fetch('./06.php', {
    id: prompt() })
      }).then(resp2 => {
   
        console.log(resp2)
      }).catch(() => {
   
        console.log('只要由任意一个promise走了reject，这里就会执行')
      })
    }
  </script>
<
最低0.47元/天 解锁文章
thanksKlan
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise的基础语法
qq_54255845的博客
04-17 1835
文章目录前言一、基本用法二、使用步骤1.引入库2.读入数据总结 前言 通俗理解，原生JS 提供 Promise 构造函数，通过 Promise 实例化的对象（ 以下简称 Promise对象 ） 相当于一个容器，里头封装了异步操作及其结果，可以通过调用 Promise对象的 then 方法来进一步处理异步操作的结果 一、基本用法 定义一个 Promise 对象，该对象有三个状态，pending （进行中）、resolved （成功）和 rejected （失败），下面 第 3 点 会讲到该对象的状态在什
手写promise实现异步
HERO_hanxiaogeng的博客
11-10 417
手写promise2：promise实现异步 1.promise异步效果 const MyPromise = require('./promiseUtils/myPromise') let promise = new MyPromise((resolve, reject) => { setTimeout(() => { resolve('success') }, 2000) }) promise.then(value => { console.
promise-utils：类似于Lodash的，无依赖项的实用ES6 Promise
02-19
许诺实用程序 Promise-utils是一个无依赖项JavaScript / TypeScript库，提供类似Lodash的实用程序函数来处理本机ES6 Promise。 安装 $ npm install blend-promise-utils 使用范例 const promiseUtils = require ( 'blend-promise-utils' ) const { promises : fs } = require ( 'fs' ) const request = require ( 'request-promise-native' ) ; const isEmpty = require ( 'lodash.isempty' ) ; const MS_IN_SECOND = 1000 ; async function main ( ) { const cachedRe
Vant/Weapp/Dialog/before-close asyncClose 异步关闭的用法
步凡的博客
02-16 1706
Vant/Weapp/Dialog/before-close的用法_zszcc的博客-CSDN博客 before-close用法应该是放在data里面使用并且是异步的但是verify的方法里是无法访问到this的，你学需要在onload生命周期函数里去绑定this ...个人建议还是自定义 取消 确定按钮吧 /* 自定义确认取消按钮就是了...........*/ //关掉自带确认按钮 showConfirmButton="{{false}}" <view class=...
Promise方法的常见用法
mi_lao_tou的博客
05-13 770
它接受一个 Promise 对象数组作为参数，返回一个新的 Promise 对象。Promise.race() 方法用于处理多个 Promise 对象，它接受一个 Promise 对象数组作为参数，返回一个新的 Promise 对象。当任何一个 Promise 对象成功或失败时，新的 Promise 对象就会成功或失败。它接受一个函数作为参数，该函数有两个参数 resolve 和 reject，分别表示异步操作成功和失败时的回调函数。它接受一个回调函数作为参数，该回调函数的参数是异步操作失败时返回的错误。
promise方法大全
m0_58118986的博客
01-28 1848
Promise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配（ES8），但是它们是基于promise的)，从语法上讲，Promise是一个对象或者说是构造函数，用来封装异步操作并可以获取其成功或失败的结果。1.可以避免多层异步调用嵌套问题(回调地狱)2.Promise 对象提供了简洁的API，使得控制异步操作更加容易（js执行机制导致的异步问题）1.pending: 等待中，或者进行中，表示还没有得到结果2.resolved(Fulfilled): 已经完成，表示得到了我
Promise的九大方法(resolve、reject、then、catch、finally、all、allSettled、race、any)你都用过那些？
小墨鱼的前端问题录
07-13 724
定期复盘---今天我们来复习一下 Promise 的几个方法，分别是：Promise.resolve、Promise.reject、Promise.then、Promise.catch、Promise.finally、Promise.all、Promise.allSettled、Promise.race、Promise.any；Promise.allSettled()的入参和Promise.all、Promise.race一样，接受一个promise 对象的数组作为参数,也是同时开始、并行执行的。
Javascript中Promise的四种常用方法总结
12-10
前言 Promise是JavaScript异步操作解决方案，最近看到项目里不少人用了Promise 的库类，比如 bluebird、q 、jQuery.Deffered 等 polyfill ...Promise 常用场景。 处理异步回调 多个异步函数同步处理 异步依赖
jquery和javascript的区别(常用方法比较)
10-27
下面将详细介绍两者在常用方法上的差异。 首先，我们来看 `DOM` 加载的区别。在 `JavaScript` 中，通常使用 `window.onload` 事件来确保在页面完全加载后执行代码。但是，如果多次赋值 `window.onload`，只会执行...
javascript常用方法
07-06
以下是根据标题“javascript常用方法”和描述“javascript常用方法，上百个常用js代码，绝对够用”所提炼的一些关键知识点： 1. **变量与数据类型** - `var`, `let` 和 `const`：JavaScript中的声明变量的方式，...
ES6中Promise的使用方法实例总结
10-15
主要介绍了ES6中Promise的使用方法,结合实例形式总结分析了Promise对象中的各种常用方法及基本使用技巧,需要的朋友可以参考下
Promise详解大全：介绍、九个方法使用和区别、返回值详解
热门推荐
qq_53669554的博客
07-11 1万+
Promise详解大全：对promise介绍、九个方法的使用和不同点、以及相对应返回值的解释
Promise的几个常用方法
qq_43653724的博客
06-19 1万+
Promise的几个常用方法 Promise.all Promise.all([]).then(res => {}).catch(err => {}) 该方法接收一个Promise数组返回一个Promise，只有当该数组中的所有Promise完成后才会由pendding状态变为resolve执行then里面的回调函数，若数组中有任意一个promise被拒绝则会执行失败回调，catch方法会捕获到首个被执行的 reject函数。该方法获得的成功结果的数组里面的数据顺序和接收到的promise数组
Promise方法汇总
小白目的博客
03-21 9179
关于Promise入门介绍请看之前文章——Promise入门 Promise是异步编程的一种解决方案： 从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，只有异步操作的结果能决定状态，并且一旦状态发生改变就一直保持不会再变。（这与事件不同，事件的特点是一旦错过，再去监听是没有结果的） （1）创建Promise对象 Promise 对象，可以将异步操作以同步操作的流程表示，避免回调函数。此外，Promise对象提供统一的接口，...
promise 拙见
aidu0177的博客
03-12 474
一，promise是什么？ promise 是最早由社区提出和实现是一种解决异步编程的方案，比其他传统的解决方案（回调函数和事件）更合理和强大。 ES6 将其写进了语言标准，统一了用法，原生提供了 promise 对象。 ES6 规定，promise对象是一个构造函数，用来生成 promise 实例。 二，promise是为解决什么问题而产生的？ promise是为解决异步处理...
Spark学习之SparkSQL
最新发布
m0_58050808的博客
07-16 707
Spark SQL中的DataFrame DSL（Domain Specific Language，领域特定语言）是一种用于处理DataFrame的编程风格，它允许开发者以命令式的方式，通过调用API接口来操作DataFrame。这种风格**介于代码和纯SQL之间，**提供了一种更加灵活和强大的数据处理方式。DataFrame DSL（Domain Specific Language，领域特定语言）中的。idea里面将代码编写好打包上传到集群中运行，上线使用。
Es6 promise常用方法
07-13
ES6中的Promise是处理异步操作的一种方式，它提供了一些常用的方法来处理异步操作的状态和结果。以下是一些常见的Promise方法： 1. Promise.resolve(value)：创建一个已解决（fulfilled）状态的Promise对象，并将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值