首页 / JAVASCRIPT / promsie.all和promise顺序执行详解

promsie.all和promise顺序执行详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了promsie.all和promise顺序执行详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4781字，纯文字阅读大概需要7分钟。

内容图文

本文主要介绍了微信小程序promsie.all和promise顺序执行的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下，希望能帮助到大家。

微信小程序promsie.all和promise顺序执行

一、前言

最近在做小程序的开发，碰到的一个需求就是表单提交，提交的表单中包含有图片，微信这边的做法是先上传图片，后台把图片名称和地址返回给你，然后你把图片信息插入到表单的相应位置再提交表单，这里就涉及到如何上传完图片的请求再上传表单，而且微信小程序里面如果图片是多个的话，也只能一张张上传。简单来说就是上传完图片（多个请求），拿到返回值，再上传表单，该如何做？

二、Promise.all和Promise.race

先来介绍Promise.all和Promise.race方法的不同点Promise.all(iterable) 方法指当所有在可迭代参数中的 promises 已完成，或者第一个传递的 promise（指 reject）失败时，返回 promise。iterable为可迭代对象，但是一般为数组。返回值也是一个Promise对象。

需要明确的几点，Promise.all是并发执行的同时运行多个Promise对象，而且返回的Promise对象的参数是一个数组，数组中的各项也是可迭代对象执行的顺序返回。

Promise.race(iterable) 方法返回一个新的 promise，参数iterable中只要有一个promise对象”完成（resolve）”或”失败（reject）”，新的promise就会立刻”完成（resolve）”或者”失败（reject）”，并获得之前那个promise对象的返回值或者错误原因。所以只要iterable中有一个完成或者失败就立即返回一个promise对象。根据race这个单词为赛跑也能得出，最先到达的立即返回一个promise对象。

根据上面的定义，我们采用的Promise.all方法来完成我们的需求。

三、微信小程序的问题

在做微信小程序的图片上传功能，这边只能先上传图片，然后将图片名和地址以response返回。

这里面我们就是用了promise.all方法但是有一个问题就是，promise.all是并发执行的，但是微信小程序一次只能并发10个请求。

对于图片上传，可能需要一次上传超过10张图片，也就是一次并发超过10个请求，这样的话微信就会报错

“WAService.js:4 uploadFile:fail createUploadTask:fail exceed max upload connection count 10”。

promsie.all和promise顺序执行详解 - 文章图片

四、顺序Promise执行处理

因为Promise.all是同时运行多个promsie对象，所以对于这种并发的数量，小程序是有限制的，一次只能并发10个，所以如果想突破这种限制，可以进行顺序执行每个Promise。

代码如下：

1.这里解释一下sequenceTasks函数的作用

首先recordValue函数传入两个值，一个是results是返回的数组，另一个是value，value是传入的值，results.push(value);将每一个值push到results数组，然后再返回results数组。

pushValue也是一个函数对象，将recordValue bind到一个[ ]数组中，第一个参数传null代表，不改变函数this的指向，所以pushValue得到就是一个function (value)的函数，参数传入value。

task是函数，函数返回promise对象，在我们这里就是上传图片函数，每一张图片上传都创建一个函数，then(pushValue)，pushValue是function (value)的函数，value代表的就是图片上传之后的返回值，pushValue将返回值push到result数组中，依次执行，依次加入到result数组中，最后返回。就可以得到一个对象数组，数组中就是依次执行返回的结果。

2. sequenceTasks也里面的for循环，也可以写成如下的reduce方式：

内容总结

以上是互联网集市为您收集整理的promsie.all和promise顺序执行详解全部内容，希望文章能够帮你解决promsie.all和promise顺序执行详解所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/295809.html

来源：【匿名】

【上一篇】JS获取数组中出现次数最多元素的方法详解【下一篇】javascript 怎么调用php方法

更多 ►

【promsie.all和promise顺序执行详解】教程文章相关的互联网学习教程文章

JavaScript 的 Async\/Await 完胜 Promise 的六【代码】

参考：http://www.10tiao.com/html/558/201705/2650964601/1.htmlNode 现在从版本 7.6 开始就支持 async/await 了。简介：Async/await 是一种编写异步代码的新方法。之前异步代码的方案是回调和 promise。Async/await 实际上是建立在 promise 的基础上。它不能与普通回调或者 node 回调一起用。Async/await 像 promise 一样，也是非阻塞的。Async/await 让异步代码看起来、表现起来更像同步代码。这正是其威力所在。语法：假设函...

JavaScript及其异步实现续:Promise让一切更简单【图】

在写这篇文章之前，我参考了以下文章。所以我文中的例子都是精准的，而且有循可依。下面抛出例子的链接： Understanding JQuery.Deferred and PromiseDeferred and promise in jQueryEdit:在翻网站的时候，看到腾讯技术团队居然也刚写了一篇Promise的文章，加下链接，以作备忘。JavaScript Promise启示录Deferred在JQuery1.5的版本被引进，这项功能的引进使JQuery变得更加强大，良好的异步支持，让书写异步JS变得简单轻松，而且...

Javascript的事件模型和Promise实现【代码】

1. Javascript的运行时模型——事件循环 JS的运行时是个单线程的运行时，它不像其他编程语言，比如C++，Java，C#这些可以进行多线程操作的语言。当它执行一个函数时，它只会一条路走到黑，不会在当前函数结束之前去调用其他的函数（除非当前函数主动调用其他函数）。它也不用担心会有其他线程打扰它，因为它的运行时只有一个线程。如果你还记得一些计算机原理的话，这种运行时只有一个栈，设计起来相当的简单。一条路走到黑的设计很...

javaScript Promise 入门【代码】【图】

Promise是JavaScript的异步编程模式，为繁重的异步回调带来了福音。一直以来,JavaScript处理异步都是以callback的方式，假设需要进行一个异步队列，执行起来如下：animate (ball1, 100, function () {animate (ball2, 200, function () {animate (ball3, 300, function () {animate (ball3, 150, function () {animate (ball2, 150, function () {animate (ball1, 150, function () {// do something})})})})})这就是所谓的回调金字...

你不知道的JavaScript--Item34 大白话讲解Promise【代码】【图】

去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。ES6 Promise 先拉出来遛遛一、Promise小试复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？别猜了，直接打印出来看看吧，console.dir(Pr...

Javascript Promises 介绍【代码】【图】

什么是 PromisesPromises是一种关于异步编程的规范，目的是将异步处理对象和处理规则进行规范化，为异步编程提供统一接口。传统的回调函数说到JavaScript的异步编程处理，通常我们会想到回调函数，如下面的代码：getFileAsync("1.txt", function(error, result){if(error){throw error;}// 取得成功时的处理 });上面的代码定义了一个获取文件内容的函数，读取完成后回调用传入的回调函数，对于下面的场景：－读取文件 1.tx...

js-20170830-Promise对象

1. 简介Promise 对象是 CommonJS 工作组提出的一种规范，目的是为异步操作提供统一接口.首先，它是一个对象，其次，它起到代理作用（proxy），充当异步操作与回调函数之间的中介。简单说，它的思想是，每一个异步任务立刻返回一个Promise对象，由于是立刻返回，所以可以采用同步操作的流程。这个Promises对象有一个then方法，允许指定回调函数，在异步任务完成后调用。 2. Promise接口Promise对象只有三种状态。异步操作“未完成”...

JS 异步系列 —— Promise 札记【代码】

Promise研究 Promise 的动机大体有以下几点：对其 api 的不熟悉以及对实现机制的好奇;很多库(比如 fetch)是基于 Promise 封装的，那么要了解这些库的前置条件得先熟悉 Promise;要了解其它更为高级的异步操作得先熟悉 Promise;基于这些目的，实践了一个符合 Promise/A+ 规范的 repromise。本札记系列总共三篇文章，作为之前的文章 Node.js 异步异闻录的拆分和矫正。Promise札记Generator札记Async札记Promise/A+ 核心在实现一个符合...

浅谈JavaScript中的对象及Promise对象的实现【代码】

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数。下面小编给大家收集整理些javascript中的对象及promise对象的实现。具体内容如下：到处都是对象window对象常用的属性和方法介绍location　　包含页面的URL，如果改变这个属性，浏览器会访问新的URLstatus　　包含将在浏览器状态去显示的一个串。一般在浏览器左下角onload：　　包含了需要在页面完全加载后调用的函数document：　　包含DOMalert方法：　　显示一个提醒...

js使用Promise实现简单的Ajax缓存

业务场景在不少业务场景下，我们需要实现简单的请求缓存(即某个请求只发起一次请求)，例如上传 Token 的获取、获取配置的接口等。这些接口可以通过 Promise 实现简单的缓存并能够控制更新，而不需要另外引入缓存层。示范代码用七牛上传作例子，一般我们会把七牛上传封装为一个单独的 Upload 组件，外部只需要调用组件，而 token 的获取封装到组件内部实现。 //Upload.vue let fetchToken = null; export default {data() {return...

javascript-Request-Promise：不要承诺缓存结果【代码】

我正在使用Request-Promise(请参见下面的代码). 问题：如果我缓存了一个诺言,它会缓存结果还是每次都问一个新的诺言？例：var cachedPromise = getTokenPromise(); cachedPromise.then(function(authorizationToken1) {//... }); cachedPromise.then(function(authorizationToken2) {//... }); //QUESTION: Is right that authorizationToken1 equals authorizationToken2getTokenPromise()函数：var querystring = require('quer...

利用Promise自定义一个GET请求的函数示例代码

写在最前面近期 review 自己以前的代码的时候，看到 promise 的使用方法，用的比较模糊。含义不清，用法凌乱，这里重新温习一下基础知识。前言 JavaScript 是单线程工作，但是浏览器是多线程的。为了更好的完成我们程序的任务。Promise 异步的操作就由此诞生了。一个 Promise 就是一个代表了异步操作最终完成或者失败的结果对象。怎么使用？语法基本 new Promise( function(resolve, reject) {...} /* executor */ );Promise 构...

javascript – 在promise解析后修改组件状态【代码】

我希望在解析promise之后修改组件的状态(本机反应). 这是我的代码：class Greeting extends Component{constructor(props){super(props);this.state = {text: 'Starting...'};var handler = new RequestHandler();handler.login('email','password').then(function(resp){this.setState({text:resp});});}render(){return (<Text style={this.props.style}>Resp: {this.state.text}</Text>);} }但是当promise解决时,它会抛出以下错...

js利用递归与promise 按顺序请求数据的方法【图】

问题：项目中有一个需求，一个tabBar下面如果没有内容就不让该tabBar显示，当然至于有没有内容，需要我们通过请求的来判断，但是由于请求是异步的，如何让请求按照tabBar的顺序进行？方案：我们可以将promise变成下一个请求，可以利用递归来实现实施： //定义初始数据 requestlist就像tabBar列表let requestlist = [1, 2, 3, 4, 5, 6, 7,8,9];//每个tabBar的返回数据使用reslist装起来let reslist = [];function startapi() {//定...

NodeJS中利用Promise来封装异步函数

在写Node.js的过程中，连续的IO操作可能会导致“金字塔噩梦”，回调函数的多重嵌套让代码变的难以维护，利用CommonJs的Promise来封装异步函数，使用统一的链式API来摆脱多重回调的噩梦。Node.js提供的非阻塞IO模型允许我们利用回调函数的方式处理IO操作，但是当需要连续的IO操作时，你的回调函数会多重嵌套，代码很不美观，而且不易维护，而且可能会有许多错误处理的重复代码，也就是所谓的“Pyramid of Doom”。代码如下: step1(f...

首页 / JAVASCRIPT / promsie.all和promise顺序执行详解

promsie.all和promise顺序执行详解

内容导读

内容图文

内容总结

内容备注

内容手机端

【promsie.all和promise顺序执行详解】教程文章相关的互联网学习教程文章

PROMISE - 相关标签

IE - 相关标签

执行 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程