分类：Promise

2021
07-01

Promise面试题详解之控制并发

前言在写这篇文章的时候我有点犹豫，因为先前写过一篇类似的，一道关于并发控制的面试题，只不过那篇文章只给出了一种解决方案，后来在网上又陆续找到两种解决方案，说来惭愧，研究问题总是浅尝辄止，所以今天便放在一起，借着这道面试题再重新梳理一下。题目是这样的：有8个图片资源的url，已经存储在数组urls中（即urls=[‘http://example.com/1.jpg',….,‘http://example.com/8.jpg']），而且已经有一个函数function... 继续阅读 >

2021
06-13

JS异步代码单元测试之神奇的Promise

前言写这篇文章的起因是在写单元测试时，做形如下测试时newPromise((resolve,reject)=>reject(1)).then().catch(err=>{console.log(err)})asyncfunctionjestTest(){awaitPromise.resolve().then()console.log('这个时候catch预期已经被调用，且输出日志')}jestTest()无法使用await将测试代码恰好阻塞到catch在EventLoop中被调用后的时机，从而检测到catch的执行，通过测试。而使用“神奇”一词则是因为pr... 继续阅读 >

2021
06-13

JS异步代码单元测试之神奇的Promise

前言写这篇文章的起因是在写单元测试时，做形如下测试时newPromise((resolve,reject)=>reject(1)).then().catch(err=>{console.log(err)})asyncfunctionjestTest(){awaitPromise.resolve().then()console.log('这个时候catch预期已经被调用，且输出日志')}jestTest()无法使用await将测试代码恰好阻塞到catch在EventLoop中被调用后的时机，从而检测到catch的执行，通过测试。而使用“神奇”一词则是因为pr... 继续阅读 >

2021
06-13

JS 9个Promise面试题

1.多个.catchvarp=newPromise((resolve,reject)=>{reject(Error('TheFails!'))})p.catch(error=>console.log(error.message))p.catch(error=>console.log(error.message))以上代码的输出将会是什么？请选择正确的答案：[]打印一次消息[x]打印两次消息[]UnhandledPromiseRejectionWarning[]程序退出解析：我们使用构造函数方法创建一个Promise，并通过reject回调立即触发错误。然后.catch工... 继续阅读 >

2021
06-03

JS如何为promise增加abort功能

概述Promise只有三种状态：pending、resolve、reject,一个异步的承诺一旦发出，经历等待（pending）后，最终只能为成功或者失败，中途无法取消（abort）。为promise提供abort功能的思路有两种：手动实现abort，触发取消后，异步回来的数据直接丢弃（手动实现，比较稳妥）使用原生方法AbortController中断请求（实验中的方法，有兼容性，ie不支持）手动实现abort方法有两种模式：都是依赖promise的接口间接实现promiserace... 继续阅读 >

2021
05-29

Javascript异步编程之你真的懂Promise吗

前言在异步编程中，Promise扮演了举足轻重的角色，比传统的解决方案（回调函数和事件）更合理和更强大。可能有些小伙伴会有这样的疑问：2020年了，怎么还在谈论Promise？事实上，有些朋友对于这个几乎每天都在打交道的“老朋友”，貌似全懂,但稍加深入就可能疑问百出，本文带大家深入理解这个熟悉的陌生人——Promise.基本用法语法newPromise(function(resolve,reject){...}/*executor*/)构建Promise对象时，需要... 继续阅读 >

2021
05-25

详解JavaScript Promise和Async/Await

概述一般在开发中，查询网络API操作时往往是比较耗时的，这意味着可能需要一段时间的等待才能获得响应。因此，为了避免程序在请求时无响应的情况，异步编程就成为了开发人员的一项基本技能。在JavaScript中处理异步操作时，通常我们经常会听到"Promise"这个概念。但要理解它的工作原理及使用方法可能会比较抽象和难以理解。四个示例那么，在本文中我们将会通过实践的方式让你能更快速的理解它们的概念和用法，所以与许多传统干巴... 继续阅读 >

2021
04-27

JavaScript异步编程之Promise的初步使用详解

1.概述Promise对象是ES6提出的的异步编程的规范。说到异步编程，就不得不说说同步和异步这两个概念。从字面意思理解同步编程的话，似乎指的是两个任务同步运行，如果这样理解就错了（至少笔者再没有接触到这个概念的时候有这种误解）。同步和异步指的是代码指定执行的顺序（结构化编程范式的执行顺序总是由上至下，由前往后的），如果执行的顺序与代码的相同，就是同步；如果不同，就是异步。最初，操作系统都是基于命令行的，所... 继续阅读 >

2020
11-10

如何将Node.js中的回调转换为Promise

前言在几年前，回调是JavaScript中实现执行异步代码的唯一方法。回调本身几乎没有什么问题，最值得注意的是“回调地狱”。在ES6中引入了Promise作为这些问题的解决方案。最后通过引入  async/await关键字来提供更好的体验并提高了可读性。即使有了新的方法，但是仍然有许多使用回调的原生模块和库。在本文中，我们将讨论如何将JavaScript回调转换为Promise。ES6的知识将会派上用场，因为我们将会使用展开操... 继续阅读 >

2020
11-10

在vue项目中promise解决回调地狱和并发请求的问题

场景需求：需要同时请求5个接口都请求成功后执行下一步操作解决方法：定义一个变量i=5，请求成功一个接口，让i?，直到i=0时执行下一个操作，否则不执行axios.all并发请求，.then(axios.spread(function(callback1,callback2)){})promise.all并发请求，.then(function([callback1,callback2]){})1、回调地狱：函数作为参数层层嵌套代替的为.then的链式操作2、promise.all并发请求引入接口import{getSellerDetail}from'../../... 继续阅读 >

2020
10-10

手把手教你实现 Promise的使用方法

前言很多JavaScript的初学者都曾感受过被回调地狱支配的恐惧，直至掌握了Promise语法才算解脱。虽然很多语言都早已内置了Promise，但是JavaScript中真正将其发扬光大的还是jQuery1.5对$.ajax的重构，支持了Promise，而且用法也和jQuery推崇的链式调用不谋而合。后来ES6出世，大家才开始进入全民Promise的时代，再后来ES8又引入了async语法，让JavaScript的异步写法更加优雅。今天我们就一步一步来实现一... 继续阅读 >

2020
10-09

探究一道价值25k的蚂蚁金服异步串行面试题

前言朋友去面试蚂蚁金服，遇到了一道面试题，乍一看感觉挺简单的，但是实现起来发现内部值得一提的点还是挺多的。先看题目：constdelay=(ms)=>newPromise((resolve)=>setTimeout(resolve,ms));constsubFlow=createFlow([()=>delay(1000).then(()=>log("c"))]);createFlow([()=>log("a"),()=>log("b"),subFlow,[()=>delay(1000).then(()=>log("d")),()=>log("e")],]).run(()=>{console.log("done... 继续阅读 >

2020
10-09

封装 axios+promise通用请求函数操作

我就废话不多说了，大家还是直接看代码吧~importaxiosfrom"axios";importbaseUrlfrom"../../setBaseUrl";axios.defaults.baseURL=baseUrl;import{Loading,Message}from"element-ui";constloadingOptions={lock:true,text:"拼命加载中",spinner:"el-icon-loading",background:"rgba(0,0,0,0.7)"};if(localStorage.token){axios.defaults.headers.common["x-token"]=localStorage.token;}constHtt... 继续阅读 >

2020
10-09

解决Vue-Router升级导致的Uncaught (in promise)问题

在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught(inpromise)的问题这是什么原因呢？看vue-router的版本更新日志V3.1.0版本里面新增功能：push和replace方法会返回一个promise,你可能在控制台看到未捕获的异常解决方法一：在调用方法的时候用catch捕获异常this.$router.replace({name:'foo'}).catch(err=>{console.log('allgood')})方法二：对Router原型链上的push、replace方法进行重写... 继续阅读 >

2020
09-27

C++11的future和promise、parkged_task使用

future的介绍Afutureisanobjectthatcanretrieveavaluefromsomeproviderobjectorfunction,properlysynchronizingthisaccessifindifferentthreads.它可以从异步的对象或者函数任务中获取结果，它通常和std::async、promise、packaged_task相互调用。future对象通常是在valid有效的情况下可以使用，默认的构造函数是valid是false的，所以在使用future时，需要对其对象进行初始化。future的成员函数成员函数f... 继续阅读 >