Javascript -如何等待10秒才能得到承诺返回？_如何等待承诺得到解决_如何在javascript中返回异步等待中的承诺？ - 腾讯云开发者社区

异步与回调/函数的作用域链 JavaScript 只在一个线程上运行,JavaScript 同时只能执行一个任务，其他任务都必须在后面排队等待。...JavaScript 语言本身并不慢，慢的是读写外部数据，比如等待 Ajax 请求返回结果。这个时候，如果对方服务器迟迟没有响应，或者网络不通畅，就会导致脚本的长时间停滞。...只有前一个任务执行完毕，才能执行后一个任务。异步任务是那些被引擎放在一边，不进入主线程、而进入任务队列的任务。...这个success,error就是callBack(回调函数),这个Promise(承诺)就是异步任务 promise就是知道没法得到结果,那我就要你一个承诺,要承诺好拿到结果后要做什么事....所以$.ajax()返回的结果是一个承诺,不是结果,因为结果还没有到来使用回调函数使用回调要用这样的形式 fn(参数1,参数2,()=>{ 回调函数(xxx,xxx,()=>{}) }) 不要用

1.7K4 0

JavaScript中的Promises

promise是一个将来会返回值的对象。由于这种未来的东西，Promises非常适合异步JavaScript操作。如果你不明白异步JavaScript意味着什么，你可能还不适合读这篇文章。...在JavaScript中，promise的工作方式和现实生活中的承诺一样。...在JavaScript中，我们说承诺（promise）正在等待中（pending）。如果你console.log一个promise对象，就可以验证这点。...在JavaScript中，我们通常使用promises来获取或修改一条信息。当promise得到解决时，我们会对返回的数据执行某些操作。...为此，你使用Promise.all方法，然后传入一组你想要等待的promises。then的参数将会是一个数组，其包含你promises返回的结果。

7832 0

您找到你想要的搜索结果了吗？

是的

没有找到

【译】JavaScript中的asyncawait

异步的JavaScript从未如何简单！过去段时间，我们使用回调。然后，我们使用promises。现在，我们有了异步功能函数。...const test = async _ => { const one = await getOne() console.log(one) // 1 } test() 返回await 在返回承诺...如果你传入1000到sleep函数，JavaScript将等待一秒才能解析promise。...=> 2) } const getThree = _ => { return sleep(1000).then(v => 3) } 复制代码如果你连续await这三个promises，你将要等待三秒才能解析完所有...这并不好，因为我们强迫JavaScript在做我们需要做的事情之前等待了两秒钟。

8551 0

【译】JavaScript中的Promises

1.4K2 0

使用图解和例子解释Await和Async

如果我们多次运行代码，我们可能会每次得到不同的结果。更确切地说，任何承诺之后的代码都是与Promise同时运行的。在Promise完成之前，我们没有任何合理的理由阻止当前的操作顺序。...调用“线程”不能等待Promise。在Promise之后执行代码的唯一方法是通过then方法指定回调函数。只有当Promise成功时，回调函数才能执行。...不允许等待承诺鼓励开发非阻塞代码。否则，开发人员将被诱惑执行封锁操作，因为它比使用承诺和回调更容易。当我们创建Promise时，我们无法同步等待完成。我们只能通过一个回调。...换句话说，如果操作是异步的（即封装在Promise中），则应该能够等待另一个异步操作完成。但是JavaScript解释器如何知道一个操作是否在Promise中运行？答案是在async关键字。...因此，等待Promise返回值。如果我们等待失败的Promise，这将导致异步功能中的异常。

1.4K2 0

如何序列化Js中的并发操作:回调,承诺和异步等待

(可以让程序代码按照指定的顺序先后执行) 最近，JavaScript引入了异步并等待(Aync / Await),这是Es7新增的方法这些方法不是相互排斥的，而是相辅相成的：异步/等待基于承诺建立，承诺使用回调...JavaScript中的并发操作：回调，承诺和异步等待\js>node callback.js Started async "Install OS:安装操作系统"......deploySoftware函数返回另一个承诺，该承诺通过调用runTests来解决。...接下来，我们将等待异步操作的结果，而不是承诺 await会自动等待函数返回的promise来自行解析。它像我们今天看到的所有代码一样是非阻塞的，所以其他的东西可以在等待表达式的同时运行。...这意味着你无法等待顶级JavaScript代码中的某些内容。

3.1K2 0

JavaScript中Promise里的代码为什么比setTimeout先执行？

这一部分我们来讲一讲 JavaScript 的执行。首先我们考虑一下，如果我们是浏览器或者 Node 的开发者，我们该如何使用 JavaScript 引擎。...所以，我们首先应该形成一个感性的认知：一个 JavaScript 引擎会常驻于内存中，它等待着我们（宿主）把 JavaScript 代码或者函数传递给它执行。...宏观和微观任务 JavaScript 引擎等待宿主环境分配宏观任务，在操作系统中，通常等待的行为都是一个事件循环，所以在 Node 术语中，也会把这个部分称为事件循环。...Promise Promise 是 JavaScript 语言提供的一种标准化的异步管理方式，它的总体思想是，需要进行 io、等待或者其它异步操作的函数，不返回真实结果，而返回一个“承诺”，函数的调用方可以在合适的时机...，选择等待这个承诺兑现（通过 Promise 的 then 方法的回调）。

8312 0

JavaScript执行（一）：Promise里的代码为什么比setTimeout先执行？

5761 0

JavaScript中的 return await promise 与 return promise

原文地址：'return await promise' vs 'return promise' in JavaScript 原文作者：Dmitri Pavlutin 译文出自：掘金翻译计划当从异步功能中返回时...，您可以等待该承诺得到解决，或者您可以直接返回它：return await promise return promise: async function func1() { const promise...不同行为现在，让我们采取另一种方法，特别是尝试与被拒绝的承诺合作。要使功能返回被拒绝的承诺，让我们设置第二个参数。...因为零分是不可能的，因此返回被拒绝的承诺。成功抓住了被拒绝的承诺抛出。...return await promiseawait `catch(error) {...}声明捕获只等待拒绝的承诺在声明中。try {...} 喜欢这个帖子？请分享！

2K2 0

JavaScript：ECMAScript 2020中的新增功能

该语句接受模块说明符作为参数并返回promise。同样，模块说明符可以是任何返回字符串的表达式。...请注意如何通过字符串插值指定要导入的模块。导入元数据该import.meta对象提供当前模块的元数据。JavaScript引擎创建了它，其当前可用属性为url。...如果至少一个诺言被拒绝，则返回的诺言被拒绝。最终承诺的拒绝原因与第一个拒绝的承诺相同。当至少一个承诺被拒绝时，这种行为无法为您提供直接获得所有承诺结果的方法。...新的Promise.allSettled()组合器将等待所有诺言的兑现，无论其结果如何。...否则，表达式返回undefined。使用新功能在整篇文章中，您对ES2020的新功能进行了概述，并且您可能想知道何时才能使用它们。

1.9K3 1

JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 asyncawait 更好地编码方式！

在单线程环境中编程的缺陷以及如何解决这些缺陷来构建健壮的JavaScript UI。按照惯例，在本文的最后，分享5个如何使用async/ wait编写更简洁代码的技巧。为什么单线程是一个限制？...函数还没有返回任何值来分配给变量 response。一种等待异步函数返回的结果简单的方式就是回调函数： ? 注意:实际上可以设置同步Ajax请求，但永远不要那样做。...首先，我们等待“单击”事件，然后等待计时器触发，然后等待Ajax响应返回，此时可能会再次重复所有操作。...这里将简要介绍async/await 提供的可能性以及如何利用它们编写异步代码。使用 async 声明异步函数。这个函数返回一个 AsyncFunction 对象。...调用使用 async 声明函数时，它返回一个 Promise。当这个函数返回一个值时，这个值只是一个普通值而已，这个函数内部将自动创建一个承诺，并使用函数返回的值进行解析。

3.1K2 0

javascript异步与promise

但是做汉堡需要时间，我不能马上得到这个汉堡，收银员给我一个收据来代替汉堡。到这里，收据就是一个承诺(promise),保证我最后能得到汉堡。...所以我需要好好的保留的这个收据，对我来说，收据就是汉堡，虽然这张收据不能吃，我需要等待汉堡做好，等待收银员叫号通知我等待的过程中，我可以做些别的事情收银员终于叫到了我的号，我用收据换来了汉堡当然还有一种情况...，当我去柜台取汉堡的时候，收银员告诉我汉堡卖光了，做汉堡的师傅受伤了等等原因，导致了我无法得到这个汉堡虽然我有收据（承诺），但是可能得到汉堡（成功），可能得不到汉堡（失败）我由等待汉堡变成了等到或者等不到...，这个过程不可逆，上面很形象的介绍了promise，上面的等待汉堡和得到汉堡，汉堡卖光了，得不到汉堡，分别对应promise的三种状态三种状态：pending（进行中）、fulfilled（已成功）...事件循环和任务队列事件循环就像是一个游乐场，玩过一个游戏后，你需要重新排到队尾才能再玩一次任务队列就是，在你玩过一个游戏后，可以插队接着玩我们看一个栗子 const promise = new

8854 0

「1分钟学JS基础」移除最后一个字符、Promise.allSettled()的使用、日期数组排序

一、如何移除字符串最后一个字符 1、常用方法要从 JavaScript 中的字符串中删除最后一个字符，您可能会使用 slice() 方法。它需要两个参数：开始索引位置和结束索引位置。...Promise.all()](https://masteringjs.io/tutorials/fundamentals/promise-all)，但是有两个关键点是不同的： allSettled() 将会返回所有承诺的请求状态即使有失败的...allSettled() 将会返回一个对象数组，包含了请求的状态和值，类似 {status, value, reason} 承诺包含三个状态： Pending 表示操作正在进行中 Fulfilled...表示操作成功 Rejected 表示操作失败 “Settled”意味着承诺要么被履行（成功），要么被拒绝（失败），所以你可以把 allSettled() 想象成等待数组中的所有承诺都被执行。...2、返回值 allSettled() 将会返回一个对象数组，承诺被成功执行时返回 {status: 'fulfilled', value}，如果失败将会返回 {status: 'rejected', reason

2.1K2 0

异步JavaScript：从回调地狱到异步和等待

这是一个典型的异步编程挑战，您如何选择处理异步调用，在很大程度上，会导致或破坏您的应用程序，并且可能是您的整个启动。在很长一段时间内，在JavaScript中同步异步任务是一个严重的问题。...让我们来看看如何getRoles更新方法来返回一个Promise： const getRoles = function (username){ return new Promise((resolve...这可能是为什么花费这么长时间才能获得在JavaScript中正确运行的同步代码的原因。但是，迟到比从未更好！厄运的引入极大地缓解了厄运的金字塔。...承诺为JavaScript中最酷的改进之一铺平了道路。ECMAScript 2017在JavaScript中以Promises的形式async和await语句引入了语法糖。...Async - 一个长期的等待解决方案的Promise 异步函数是JavaScript中异步编程发展的下一个合理步骤。他们将使您的代码更清洁，更容易维护。

3.7K1 0

JavaScript基础——Promise使用指南

订单号就是快餐店给我们的一份牛肉面的承诺(promise)，保证了你会得到一份牛肉面。...在使用之前，我们还是先了解下——Promise State(承诺状态，注：暂且这么翻译，小编也不知道如何翻译更好) Promise State(承诺状态) Promise只会处在以下状态之一： Pending...首先定义ajaxCallPromise返回类型为Promise，这意味我们会实现一个Promise的承诺。...Promise对象，当所有的Promise迭代对象成功返回后，整个Promise才能返回成功状态的值。...Promise.all(iterable) 不同的是，Promise.race(iterable) 虽然也接收包含若干个Promise对象的可迭代对象，不同的是这个方法会监听所有的Promise对象，并等待其中的第一个进入完成或失败状态的

9363 0

50道JavaScript详解面试题，你需要了解一下

但是，如果我们使用var定义相同的变量，则控制台将返回50 。同样，在使用const定义变量时，我们将得到相同的错误。 4、Line1和Line2的控制台输出是什么？...在Line2中，我们使用===运算符来检查两个字符串基元而不是字符串对象，因此我们得到True。 5、控制台输出是什么，为什么？与之前的问题类似，我们比较了两个唯一的对象。...答案，是B，因为异步函数在JavaScript中返回Promises 。 8、等待关键字会阻止应用程序中的所有JavaScript代码执行，直到返回等待的Promises？...答案是B，因为它们都不要求TypeScript，并且两者都不是JavaScript固有的。 12、满足所有承诺后，以下哪个解决方案可以解决？...不可以，因为字符串在JavaScript中是不可变的，指向字符串的变量可以分配给另一个字符串。 21、承诺链中的嵌套捕获可以捕获在承诺链中向上抛出的错误吗？

3.5K4 0

JS异步编程

什么是异步同步（sync）是一件事一件事的执行，只有前一个任务执行完毕才能执行后一个任务。异步（async）相对于同步，程序无须按照代码顺序自上而下的执行。...发布/订阅模式在发布/订阅模式中，想象有一个类似消息中心的地方，可以在消息中心“注册”一条消息，然后就会有若干对这消息感兴趣的人“订阅”，一旦该消息被“发布”，所有”订阅“了该消息的用户都会得到提醒。...Promise是承诺的意思，这个承诺在未来会有一个确定的答复，该承诺有三种状态：等待中（pending）、完成了（resolved）、拒绝了（rejected）。...await后边一般跟Promise对象，async函数执行遇到await后，等待后面的Promise对象的状态从pending变成resolve后，将resolve的参数返回并自动往下执行知道下一个await...Event Loop JavaScript是一门单线程语言，同一时间只能做一件事情。在js中有两类任务：同步任务异步任务在js主线程中的任务执行： 1、同步和异步任务分别进入不同的“场所”执行。

3K3 0

AsyncAwait 语法简介

如果你在应用程序的后端使用过JavaScript进行编码，你可能对"promises"（承诺）有所了解。...承诺的结构与函数的体结构相同，但我们可以在函数调用的末尾使用`.then`来指定对承诺的返回值进行的下一步操作。...我们只需将返回的值命名为我们想要的任何名称，并在`.then`块中对其进行操作，形成一个承诺链。这可以是向用户显示一些内容，也可以是向另一个端点发送另一个请求。...承诺的美妙之处在于它们始终存在，等待我们的应用程序或用户使用它们来处理幕后的魔法。总之，传统承诺链存在一些问题，特别是不易读。异步代码可能庞大、令人生畏，难以阅读或理解。...随之而来的是在这些块中使用`await`关键字，告诉我们的程序在等待承诺解析时将其分配给一个变量，这也消除了对多个承诺使用`Promise.all`的必要。

1381 0

你真的懂异步编程吗？

在JS 代码中，异步无处不在，Ajax通信，Node中的文件读写等等等，只有搞清楚异步编程的原理和概念，才能在JS的世界中任意驰骋，随便撒欢；单线程 JavaScript 异步方案首先我们需要了解，...A执行结束才能执行，而代码C又需要等待代码B，代码D又需要等待代码C，而代码 A、B、C都是异步执行的； // 回调函数回调地狱 myAjax('....，一定(承诺、许诺)给你个结果；在执行的过程中，Promise 的状态会修改为 pending ，一旦有了结果，就会再次更改状态，异步执行成功的状态是 Fulfilled , 这就是承诺给你的结果，状态修改后...，会调用成功的回调函数 onFulfilled 来将异步结果返回；异步执行成功的状态是 Rejected，这就是承诺给你的结果，然后调用 onRejected 说明失败的原因(异常接管)；将前面对...；那么如何把 Generator 写到异步中呢？

8153 0

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

“无法取消的承诺”）。...Promise 状态流转一个 Promise 在被创建出来时是一个等待态，最后要么成功、要么失败这个状态是不能够逆转的：等待态（Pending）执行态（Fulfilled）拒绝态（Rejected...笔者之前也曾写过一篇解析 “Node.js 源码解析 util.promisify 如何将 Callback 转为 Promise” const { promisify } = require('util...loadImg('http://www.xxxxxx.com/uploads/3.jpg') ]).then(showImgs) 在 Promise 链式调用中，任意时刻都只有一个任务执行，下一个任务要等待这个任务完成之后才能执行...就好比一个小伙子对一个心仪的姑娘说：“给我一个承诺，我哪里都不会去，就在原地等你”。

1.1K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

异步与回调函数的作用域链

JavaScript中的Promises

【译】JavaScript中的asyncawait

【译】JavaScript中的Promises

使用图解和例子解释Await和Async

如何序列化Js中的并发操作:回调,承诺和异步等待

JavaScript中Promise里的代码为什么比setTimeout先执行？

JavaScript执行（一）：Promise里的代码为什么比setTimeout先执行？

JavaScript中的 return await promise 与 return promise

JavaScript：ECMAScript 2020中的新增功能

JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 asyncawait 更好地编码方式！

javascript异步与promise

「1分钟学JS基础」移除最后一个字符、Promise.allSettled()的使用、日期数组排序

异步JavaScript：从回调地狱到异步和等待

JavaScript基础——Promise使用指南

50道JavaScript详解面试题，你需要了解一下

JS异步编程

AsyncAwait 语法简介

你真的懂异步编程吗？

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

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐