开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Javascript Then() Promise不是异步工作的

JavaScript中的Promise是一种处理异步操作的机制。Promise对象代表一个尚未完成但最终会完成的操作，并可以获取其结果或错误信息。

在JavaScript中，异步操作通常是通过回调函数来处理的，但这种方式容易导致回调地狱（callback hell），代码可读性差且难以维护。而Promise通过链式调用的方式，使得异步操作的处理更加直观和简洁。

Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。当一个Promise对象处于pending状态时，可以通过调用其then()方法来注册回调函数，当Promise对象状态变为fulfilled时，then()方法中的回调函数会被执行；当Promise对象状态变为rejected时，then()方法中的第二个回调函数（可选）会被执行。

then()方法返回一个新的Promise对象，因此可以通过链式调用多个then()方法来处理多个异步操作。这种方式可以避免回调地狱，并且使得代码更加清晰和易于维护。

Promise的优势在于：

更好的代码可读性和维护性：通过链式调用的方式，使得异步操作的处理更加直观和简洁。
更好的错误处理：Promise提供了catch()方法来捕获和处理错误，使得错误处理更加方便。
更好的异步流程控制：Promise可以通过Promise.all()、Promise.race()等方法来控制多个异步操作的执行顺序和并发性。

Promise的应用场景包括但不限于：

异步请求：例如发送HTTP请求获取数据。
定时任务：例如延迟执行某个操作。
文件读写：例如读取文件内容或将数据写入文件。
动画效果：例如在动画完成后执行某个操作。

腾讯云提供了云函数SCF（Serverless Cloud Function）服务，可以用于执行无服务器的JavaScript代码。通过SCF，可以将JavaScript代码部署到云端，并通过事件触发执行，实现异步操作的处理。

更多关于腾讯云云函数SCF的信息，请参考：腾讯云云函数SCF

相关搜索:Javascript axios post在while循环后异步/ promise JavaScript Promise Chaining-为什么不工作？Javascript Promise chaining未按预期工作 Javascript promise没有按照我期望的方式工作 Javascript:使用Promise时的奇怪行为，异步等待，返回"Promise <pending>“javascript回调无法以异步方式工作 JavaScript异步函数不是非阻塞的 JavaScript异步回调- Promise和setTimeout [重复]promise中的promise不是按顺序使用的 TypeError：(中间值)不是异步Promise.all的函数

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

JavaScript的异步操作（Promise）

一、Promise 是什么？ Promise 是一个用于绑定异步操作与回调函数的对象，让代码更易读且更合理。 1、简单实例 <!...--- 2、创建 Promise 对象通过 new 来创建 Promise 对象，当异步操作成功后调用 resolve 来改变 Promise对象的状态；失败后就调用 reject 。...--- 四、async / await 1、概念说明 async / await 建立在 Promise 之上，使异步代码更易于编写和阅读，他们是 ECMAScript 2017 JavaScript版本的新语法...await 只有用于异步函数才起作用，基于 promise 的函数之前加上 await ，代码会在此行暂停，直到 promise 操作完成，当然其他代码可以继续执行。...的异步操作（Promiseasyncawait）！

1.3K5 1

javascript异步与promise

我们说处理javascript异步最常用的方式就是通过回调函数，对于回调函数我们昨天对此做了介绍简单快速，我们一般使用嵌套回调或者链式回调，会产生以下问题当采用嵌套回调时，会导致层级太多，不利于维护...，就会存在隐患，当在团队协作的时候，显得编码规范显得尤为重要本文不重点介绍如何使用promise，重点介绍的是promise解决了哪些异步回调出现的问题。...和rejected（已失败）(一旦状态改变，就不会再变) 回调函数调用过早调用过早就是将异步函数作为同步处理了，我们之前说过，javascript以单线程同步的方式执行主线程，遇到异步会将异步函数放入到任务队列中...直接手动是promise的状态切为成功状态，console.log("我是异步执行的");这段代码也是异步执行的提供给then()的回调永远都是异步执行的，所以promise中不会出现回调函数过早执行的情况...回调函数调用过晚或不被调用回调函数调用过晚回调函数调用过晚的处理原理和调用过早很类似，在promise的then()中存放着异步函数，所有的异步都存在于js的任务队列中，当js的主线程执行完毕后

8814 0

JavaScript的异步编程之Promise

Promise 一种更优的异步编程统一方法，如果直接使用传统的回调函数去完成复杂操作就会形成回调深渊 // 回调深渊 $.get('/url1'() => { $.get('/url2'() =...，在jqeury中也有链式调用，jquery中是返回了本身这个对象所以可以实现链式调用，那么在Promise中是不是这样呢 let promsie1 = ajax('/json1.json')...对象，这个方法会返回一个全新的Promise对象，与他们不同的是无论这些Promise执行是成功还是失败都是等这些Promise都完成了之后才会完成，当有多个彼此不依赖的异步任务成功完成时，或者总是想知道每个...// 5. promise3 // 6. settimeout 没想到吧，Promise的异步时序执行有点特殊。...，目前的绝大多数异步调用都是作为宏任务执行。

6357 0

JavaScript异步编程3——Promise的链式使用

概述在上一篇文章《JavaScript异步编程2——结合XMLHttpRequest使用Promise》中，简要介绍了Ajax与Promise的结合使用。...这样，我们就有了两个异步操作的例子：读取一个json文件；通过一个地址加载图像。...，加载图像的异步操作在XMLHttpRequest访问请求的响应回调中实现，这样可以让访问json请求结束了之后立刻去访问图像操作。...2️⃣Promise实现为了解决“回调地狱”的问题，Promise应运而生。在之前的文章中说过，Promise的目的，是希望异步行为能像同步操作一样遵循顺序，从而避免嵌套回调。...也就是说，只要在每次的成功实现，也就是then()方法中，再次返回新的Promise对象，就可以再次调用该Promise对象的then()方法，这样异步行为也就可以像同步操作那样，按顺序组合起来了。

8232 0

javascript异步之Promise.all()、Promise.race()、Promise.finally()

今天我们继续讨论promise 网络上关于PromiseAPI使用的文章多如牛毛，为了保持javascript异步系列文章的完整性，现在对promise的API进行简单全面的介绍准备工作我在easy-mock...Promise.all就是用于将多个 Promise 实例，包装成一个新的 Promise 实例 Promise.all,接收一个数组作为参数，数组的每一项都返回Promise实例我们重点看这段代码...三个promise实例参数之间是“与”的关系，全部成功，Promise.all就返回成功，有一个失败，Promise.all就返回失败换个角度说，一个promise的执行结果依赖于另外几个promise...，用法和Promise.all类似，对应参数的要求和Promise.all相同，传入一个数组作为参数，参数要返回一个Promise实例 race就是竞争的意思，数组内的Promise实例，谁执行的快，就返回谁的执行结果...ajax请求的时长划定范围，如果ajax请求时长超过xxxms会执行某个方法，或者ajax请求时长不超过xxms会执行某个方法，总之，race的应用空间不是很大 Promise.finally() finally

2.3K3 0

JavaScript异步编程1——Promise的初步使用

概述 Promise对象是ES6提出的的异步编程的规范。说到异步编程，就不得不说说同步和异步这两个概念。...事件循环机制将UI设备的输入输出规定为事件，实际上，耗时的行为非常多，但是一般都与IO相关，与IO相关的行为，JavaScript都提供了异步行为的代码。例如，这里要用的一个加载图片的实例。 2...., error); }) }); 粗看起来，使用Promise，似乎使得程序显得更加复杂和繁复了。但是我们要深入理解Promise机制的内涵，这样设计并不是为了好玩。...可以看到，这样的设计看起来很繁复，但是却很像是一个同步行为：规定一个未完成行为对象，行为完成了如何处理，行为失败了又如何处理。而这也是Promise的目的：使得异步操作更像是一个同步的行为。 3....参考同步(Synchronous)和异步(Asynchronous) 简述JS单线程异步实现原理 JavaScript 运行机制详解：再谈Event Loop

7214 0

JavaScript 异步编程指南 — Give me a Promise

这句话形式 Promise 还挺有意思的，文中我会在提及！随着 ES6 标准的出现，给我们带来了一个新的异步解决方案 Promise。...目前绝大多数 JavaScript 新增的异步 API 无论是在浏览器端还是 Node.js 服务端都是基于 Promise 构建的，以前基于 Callback 形式的也有解决方案将其转为 Promise...API 提供了一组备用的异步文件系统的方法，它们返回 Promise 对象而不是使用回调。...也许某些时候我们需要一个总是能够被调用的回调，以便做一些清理工作，ES7 新加入了 finally 也许是你不错的选择。...console.log('reject'); }); 使用 Promise 改造 Callback 回调地狱示例这是我们之前在讲解 JavaScript 异步编程指南 Callback

1.1K1 0

《现代Javascript高级教程》JavaScript中的异步编程与Promise

现代JavaScript高级小册深入浅出Dart 现代TypeScript高级小册 JS中的异步编程与Promise 一、JavaScript的异步编步机制在了解JavaScript的异步机制之前，...五、Promise的发展 Promise 对象代表一个异步操作的最终完成（或失败）及其结果值。一个 Promise 处于以下状态之一： pending: 初始状态，既不是成功，也不是失败状态。...Promise 主要解决了两类问题：异步操作的一致性问题：无论异步操作是同步完成还是异步完成，使用 Promise 对象的 then 方法都可以以同样的方式进行处理。...我们可以通过下面的代码示例来看一下 Promise 是如何工作的： let promise = new Promise(function(resolve, reject) { // 异步处理 /...以上是关于 JavaScript 中异步编程、事件循环、任务队列、宏任务、微任务，以及requestAnimationFrame在事件循环的位置，Promise 的发展和如何解决回调地狱的详细介绍。

1962 0

JavaScript异步编程4——Promise错误处理

概述在上一篇文章《JavaScript异步编程3——Promise的链式使用》中，通过Promise的链式使用，避免程序中多次嵌套回调（回调地狱）。...根据前面的文章我们可以知道，Promise是基于状态的，成功/失败的状态会分别去处理相应的回调函数。一般而言，失败的状态我们希望能够捕获它，将它像异常(Error)一样处理。 2....详论 Promise的then()方法有两个参数，一个是成功的回调函数，一个是失败的回调函数。可以将失败的回调函数这个参数省略掉，而使用Promise的catch()方法，捕获失败的异常。...前者通过Promise的then()处理异常，只会运行功能的回调函数和失败的回调函数其中的一个；后者通过catch()处理异常，则更加像JavaScript的try/catch，在try{}中发生的错误会立即转到...这样的话，就很容易实现类似于try/catch异常操作的的非阻塞异步版本： $(function () { function get(url) { return new

6272 0

Javascript异步回调细数：promise yield asyncawait

所以在此谈下JS的异步回调：promise yield async/await对本篇的基础知识，安利下：《弄懂javascript的执行机制:事件轮询|微任务和宏任务|定时器》《浏览器层面优化前端性能(...如果这个值是一个 promise ，那么将返回这个 promise ；当你的数据不是promise实例，或者你不知道他是不是promise，而你又想把他当做promise实例来使用的时候，比如：Promise.resolve...如果reject resolve 包含在异步函数里面，如setTimeout，则先执行同步模块，在执行异步，最终执行 then内的 reject resolve 函数，关于执行顺序的，可参考《弄懂javascript...await后面调用的函数需要返回一个promise，另外这个函数是一个普通的函数即可，而不是generator。函数体内的return值，将会作为这个Promise对象resolve时的参数。.../a/1190000023586499转载本站文章《Javascript异步回调细数：promise yield async/await》,请注明出处：https://www.zhoulujun.cn/

6660 0

JavaScript异步编程2——结合XMLHttpRequest使用Promise

概述在上一篇文章《JavaScript异步编程1——Promise的初步使用》，简单介绍了一下Promise的初步使用。...Promise对象的参数也是一个function B，内部进行了一个异步操作（通常是JavaScript提供的API）。 function B对象的参数是两个回调函数resolve和reject。...这两个例子都是将事件改造成Promise，那不是意味着对于异步编程而言，Promise要优于事件呢？不能完全这么肯定，但是可以确定的是事件并不总是异步编程的最优实践。...一个很显然的问题就是：事件很适合处理在同一对象上多次发生的事情，但是事件侦听器的响应函数可能并不是我们想要的——更多情况下，我们只想要直到两个状态，当异步操作完成的时候该做什么，当异步操作失败的时候又该做什么...使用Promise，可以更准确的进行异步行为。 3. 参考 Ajax原理-原生js的XMLHttpRequest对象意义 Javascript异步编程的4种方法

9551 0

理解javascript异步编程中promise可以很简单

一贯以来我都是用自己写的AppSiteJS框架在写web前台的功能，很少去涉及到异步编程，一般来说也就只是在XMLRequest( Ajax )的时候会用。...而在开发chrome插件的时候，几乎所有的api都是异步API，在第一时间的时候还是让我有些不适应。但是很多时候理解一个技术或者说模式，最重要的并不是强迫自己去理解很多别人的说明、解释或者说代码。...我们在进行同步编程的时候每一个后续的步骤都依赖于前一步的计算或结果（返回值），如果其中一个过程出现问题，那后续的工作也无法继续了。换言之，我进行后续工作的时候肯定已经获得了前一步的结果了。...来看一段示例代码： // 购物异步编程仅供参考完全不严谨！...，而我们在调用的时候就很简单了购物( 订单 ).then( 发快递 ).catch( 弹窗提示 ); 是不是感觉打开了新世界，因为发快递之后的事情我都不用管了，放权也是很爽的。

3253 0

javascript基础修炼(7)——Promise，异步，可靠性

开发者的javascript造诣取决于对【动态】和【异步】这两个词的理解水平。 ? 一....别人是开发者，你也是 Promise技术是【javascript异步编程】这个话题中非常重要的，它一度让我感到熟悉又陌生，我熟悉其所有的API并能够在编程中相对熟练地运用，却对其中原理和软件设计思想感到陌生...但事实上Promise的设计初衷并不是为了实现异步，而且很多开发者并没有意识到，回调并不意味着异步！！！（你传入另一个函数的回调函数有可能被异步执行，也有可能被同步执行）。...这个问题是在笔者学习完EventLoop和Generator函数的相关知识后才理解的，其实Promise本身并没有实现异步，javascript语言中的异步都是通过事件循环的机制（《javascript...链式调用的实现，实现了Promise的多步骤流程控制功能，对一个多于两个步骤的流程中，即使没有实现链式调用，Promise实际上依然可以工作，但当你真的那样做时，你会发现它又变成了一个新的回调地狱。

5995 0

JavaScript: 结合 async 异步函数 - 提高 Promise 的易用性

前言前篇写了 promise 的使用的基本介绍，没看的朋友可以先预览一下如何用 Promise 自定义一个 GET 请求的函数异步函数怎么工作的？...如果 Promise 拒绝，则会抛出拒绝的值。...failed', err); } } 复制代码去掉了万恶的 return 回调函数，是不是代码清爽很多了。...异步函数返回值无论是否使用 await，异步函数都会返回 Promise。该 Promise 解析时返回异步函数返回的任何值，拒绝时返回异步函数抛出的任何值。...urls) { const response = await fetch(url); console.log(await response.text()); } } 复制代码这样是不是简洁很多

7384 0

JavaScript 异步编程指南 — 你不知道的 Promise 前世 Deferred

这是一个系列文章，你可以关注公众号「五月君」订阅话题《JavaScript 异步编程指南》获取最新信息。...Promise 是现代 JavaScript 比较重要的一个核心概念，也许你会疑问为什么会提到 Deferred？这个是什么？...社区，之后一直由 Node.js 基金会管理，如今已经 2021 年了，Node.js 本身也发生了很多的变化，包括文件操作也为我们提供了基于 Promise 形式的 API，Stream 目前也很好的支持异步迭代...了解 Promise 的应该能看出是不是有点感觉像？...; }) 是不是更像 Promise 了？封装一个自己的 Deferred 对象 deferred 对象的执行将状态分为三个：未完成、已完成、已失败。

9631 0

【javascript】异步编年史，从“纯回调”到Promise

异步和分块——程序的分块执行一开始学习javascript的时候，我对异步的概念一脸懵逼，因为当时百度了很多文章，但很多各种文章不负责任的把笼统的描述混杂在一起，让我对这个 JS中的重要概念难以理解...：假设ajax的执行能像一个同步执行的foreach函数的执行那样迅速， javascript又何苦对它做一些异步处理呢？...就是因为它如此耗时，所以javascript“审时度势”，拿出了“异步”的这一把刷子，来解决问题正因为有“非阻塞”的刚需， javascript才会对ajax等一概采用异步处理 “因为要非阻塞，...() => { console.log('我是异步的') }，０ ) console.log('我是同步的') 有经验的ＪＳ老司机们一眼就能看出，一定是输出我是同步的我是异步的而不是我是异步的...Promise好像也不是特别革命性的一个新东西嘛！

1.1K8 0

JavaScript中的Promise

它允许你为异步操作的成功和失败分别绑定相应的处理方法（handlers）。...这让异步方法可以像同步方法那样返回值，但并不是立即返回最终执行结果，而是一个能代表未来出现的结果的promise对象 2.作用 1、主要用于异步计算。...2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果。 3、可以在对象之间传递和操作promise，帮助我们处理队列。...: 初始状态，既不是成功，也不是失败状态。...Promise 的值的填充过程都被日志记录（logged）下来，这些日志信息展示了方法中的同步代码和异步代码是如何通过Promise完成解耦的。

1.1K2 0

深入浅出Promise，循序渐进掌握JavaScript异步编程

Promise基本用法Promise 是 JavaScript 中处理异步操作的一种方式。它是一个对象，代表了一个异步操作的最终完成或失败的结果。...Promise的异步编程场景以下是一些Promise的异步编程场景的例子：1.发起网络请求：当需要从服务器获取数据时，可以使用 Promise 来发起异步网络请求。...Promise的影响 Promise 的出现对JavaScript编程带来了以下几个重要的贡献：处理异步操作：JavaScript是单线程的，异步操作的处理一直是发者们头疼的问题。...通过将异步操作按照顺序连接起来，能够更好地组织，易于理解和维护。总的来说， Promise 的出现使得JavaScript在处理异步操作方面变得更加简洁、可读、可维护，提高了开发效率和代码质量。...它改变了JavaScript编程的方式，成为现代异步程的重要工具之一。五.

3731 0

JavaScript中的 return await promise 与 return promise

原文地址：'return await promise' vs 'return promise' in JavaScript 原文作者：Dmitri Pavlutin 译文出自：掘金翻译计划当从异步功能中返回时...相同行为为了找到两个表达式（与）的区别，(return await promise vs return promise), 我要使用辅助功能。 delayedDivide(n1, n2)....该函数除以 2 个数字，并返回以承诺包裹的分区结果： function promisedDivision(n1, n2) { if (n2 === 0) { return Promise.reject...catch(error) { ... } 现在，您可以轻松地看到使用和：return await promisereturn promise 当被包裹起来时，附近的渔获物只有在等待承诺时才会被拒绝（这是事实...return await promisereturn promise 但是，如果你想抓住拒绝的承诺，你从异步功能返回，那么你绝对应该使用表达和故意添加。

2K2 0

JavaScript Promise 的使用技巧

“生产代码”是可能需要一些时间来执行的代码。 “消费代码”是必须等待结果的代码。 Promise 是一个 JavaScript 对象，它链接生产代码和消费代码。...然后 then 指定的回调函数被异步调用，注意 Chrome 里的提示： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gClCUMmg-1660268588108)(...imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)] 当 Promise 对象处于 pending（工作）状态时，结果是未定义的。...开发人员无法访问 Promise 属性状态和结果，必须使用 Promise 方法来处理 Promise。看一个包含 UI 的例子。 Promise 把异步代码封装起来。...这就是一个异步操作了。执行结束后，通过 resolve 通知 then 注册的回调函数。

8273 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭