如何在promise中使用promise？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

vue 中 Promise 使用方法

Promise 基本概念： Promise是一个构造函数，所以可以 new 出一个Promise的实例；在Promise上有两个函数 resolve (成功之后的回调函数)和 reject (失败后的回调函数...reject把结果返回调用者由于Promise的实例是一个异步操作，所以内部拿到操作结果后，无法使用return把操作结果返回给调用者，这个时候只能使用回调函数的形式，把成功或失败的结果，...2.使用实例 store.js的actions中添加increment方法。测试reject的使用方法。...}).catch((error) => { console.log(error) }) } 返回结果为 store.js的actions中添加...测试resolve的使用方法。

1.7K1 0

JavaScript中的Promise使用详解

那么如何解决地狱回调，保持我们的代码简短，这时Promise就出场了，Promise对象可以理解为一次执行的异步操作，使用Promise对象之后可以使用一种链式调用的方式来组织代码；让代码更加的直观。...我们用Promise对象改造上面的代码 function say(value) { return new Promise(function(resolve, reject) {...Promise正如字面意思-承诺，“承诺将来会执行”约定的事情。我们首先需要了解Promise的三种状态： pending: 初始状态，既不是成功，也不是失败状态。...先来构造下一个Promise实例 const promise = new Promise(function(resolve, reject) { // … some code If (/* 异步操作成功...Promise实例生成以后，可以用then方法分别指定resolved状态和rejected状态的回调函数。

2K15 13

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

是的

没有找到

Promise基本使用

Promise 概述Promise 是 ES6 中新增的一个对象，通过 Promise 就可以实现，用同步的流程来表示异步的操作，通过 Promise 就可以避免回调函数层层嵌套(回调地狱)的问题。...MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise创建 Promise...对象new Promise(function(resolve, reject){});promise 对象不是异步的, 只要创建 promise 对象就会立即执行存放的代码：图片Promise 是如何实现通过同步的流程来表示异步的操作的, promise 对象是通过状态的改变来实现的...= new Promise(function (resolve, reject) { resolve(); }); console.log(promise

2710 0

回调、使用Promise封装ajax()、Promise入门

回调、使用Promise封装ajax()、Promise入门 1 回调是啥 call a function call a function back callback 看这里:Callback（回调）是什么...请看我写的封装的简易jQuery.ajax()中的successFN就是一个回调函数....代码都在这里 3.1 $.Ajax()中的promise 如果不使用promise,$.ajax请求的时候成功和失败的回调函数是写在参数里的,他是对象参数的一个值 $.ajax({ method...以上就是ajax中promise的简单使用,那么如何自己封装一个呢?...4封装一个类似$.Ajax()中的Promise的简易版本(皮毛,以后深入) 接下来回到我们自己封装的jQuery.Ajax()代码.我们以此为基础继续来封装promise 以前封装的代码在这里也可以看我前一篇博客

3.8K5 1

Promise基础使用

Promise被用于异步请求调用。...a = yourTargetNumber if (a > 60) { resolve(a) // 成功分支，不传参数就是直接成功，传参数可以给then接着使用.... }) } myAJAX('http://www.baidu.com').then(value => {}, reason => {})//使用 ---- 3.promise一些语法糖 promise...可以对一个多promise数组进行调用，里面有all方法，当全都返回resolve才resolve。...如果像上面的promise嵌套想要中止，在想中止的then里面return new Promise(() => {})即可。

5643 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)....下列功能使用表达方式，通过包裹在承诺中返回划分： divideWithAwait() uses return await promisedDivision(6, 2) 6 by 2 : async function...在此步骤中，您已经看到使用和没有区别 return await promise and return promise 至少在处理成功履行承诺时。但是，让我们搜索更多！ 2....return await promisereturn promise 但是，如果你想抓住拒绝的承诺，你从异步功能返回，那么你绝对应该使用表达和故意添加。

2.8K2 0

JavaScript promise使用

promise介绍使用： function getMessageData() { var queryUrl = "http://1.1.1.1:1"; var param = {}; return...new Promise((resolve, reject)=>{ request.post(queryUrl, JSON.stringify(param), function(result){...function getMessageData() { var queryUrl = "http://1.1.1.1:1"; var param = {}; return new Promise...console.log(error) reject(error) }) }).then(data => { var param = data; return new Promise

7912 0

如何使用Promise.race() 和 Promise.any() ？

Promise.race()-与 ES6 一起发布 Promise.any() -仍处于第4阶段的提案中 Promise.race() Promise.race()方法最初是在 ES6 中引入 Promise...在请求数据时，显示加载动画使用加载动画开发中是非常常见。当数据响应时间较长时，如果没使用加载动画，看起来就像没有响应一样。...要实现这一点，只需使用Promise.race()方法，如下所示。...他曾使用Promise.race()方法批处理长时间运行的请求。这样一来，他们可以保持并行请求的数量固定。...但是如果我们有多个服务器，可以使用能够产生最快响应的服务器。在这种情况下，可以使用Promise.any()方法从最快的服务器接收响应。我是小智，我们下期再见！

1K3 0

如何使用Promise.race() 和 Promise.any() ？

3.3K2 0

Promise是什么？Promise怎么使用？回调地狱

Promise 有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和 Rejected（已失败）。...如：函数fn1和fn2，当我们需要在fn1(fn1函数里有异步操作)调用结束后调用fn2，一般的解决方案是fn1（fn2）。...返回值：promise对象本身，所以，then调用完毕后，还可以继续调用then（即：链式调用） then方法的基本使用： let p1 = new Promise(function(resolve,reject...可以并行执行多个异步操作，并且在一个回调中处理所有的返回数据。...([fn1(),fn2()]).then(function(result){ console.log("result",result); //"fn1异步的结果" }); 总结Promise的使用步骤

8632 0

使用 Swift 实现 Promise

注：我们没有使用任何测试框架，仅仅使用一个自定义的test方法，它在 Playground 中模拟断言（gist[1]）。...现在我们需要在Promise的实现中定义一个状态，其默认值为.pending。我们还需要一个私有函数，它能在当前还处于.pending状态时更新状态。...一个是then方法中，如果 promise 已经在调用then时被解决。另一个在updateState方法中，因为那是 promise 更新其内部状态从.pending到.resolved的地方。...诚然，在异步的测试 2.2 中，当第一个then被调用时，promise 还处于.pending状态。如我们之前所见，我们存储了第一次then的回调。...observe" previously defined assert(string + string == value) done() } } 如测试所见

1.6K2 0

理解和使用Promise.all和Promise.race

一、Pomise.all的使用 Promise.all可以将多个Promise实例包装成一个新的Promise实例。...具体代码如下： let p1 = new Promise((resolve, reject) => { resolve('成功了') }) let p2 = new Promise((resolve...这带来了一个绝大的好处：在前端开发请求数据的过程中，偶尔会遇到发送多个请求并根据请求顺序获取和使用数据的场景，使用Promise.all毫无疑问可以解决这个问题。...二、Promise.race的使用顾名思义，Promse.race就是赛跑的意思，意思就是说，Promise.race([p1, p2, p3])里面哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失...error) // 打开的是 'failed' }) 原理是挺简单的，但是在实际运用中还没有想到什么的使用场景会使用到。

6122 0

Promise简单学习使用

交互的主要方式是通过他的then()方法来注册回调函数，去接收Promise的最终结果值 Promise相关的协议有PromiseA和PromiseA+ 定义一个类Promise 定义属性队列queue...对象定义一个类Deferred 定义属性promise，初始化Promise对象定义成员方法resolve()，传递参数：result结果判断Promise对象的状态是等待，直接返回...'，result 定义工具类Utils，使用匿名函数立即执行，得到一个对象返回对象，对象中有一个方法procedure() 定义procedure()方法，传递参数：type状态类型，handler处理器数组...使用方法：定义一个函数ajax，传递参数：url路径获取Deferred对象，new出来 ajax请求数据的代码，在返回数据的回调方法中如果成功了调用Deferred对象的resolve()方法，...promise对象的then()方法，参数：匿名函数调用ajax()方法，获取到promise对象，返回这个对象形成链式调用 js部分： //Promise代码部分

6271 0

JavaScript中的Promise

通常而言，如果你不知道一个值是否是Promise对象，使用Promise.resolve(value) 来返回一个Promise对象,这样就能将该value以Promise对象形式使用。...另外，then方法指定的回调函数，如果运行中抛出错误，也会被catch方法捕获。...testPromise() 方法在每次点击按钮时被调用，该方法会创建一个promise 对象，使用 window.setTimeout() 让Promise等待 1-3 秒不等的时间来填充数据（通过...Promise 的值的填充过程都被日志记录（logged）下来，这些日志信息展示了方法中的同步代码和异步代码是如何通过Promise完成解耦的。...实例：使用Promise实现每过一段时间给计数器加一的过程，每段时间间隔为1~3秒不等 let p1 = new Promise( // resolver 函数在

1.6K2 0

十、promise的使用

Promise用来做什么用来解决回调地狱。回调地狱也就是回调函数中嵌套了回调函数，代码阅读性低。...Promise原理 Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。...Module的语法使用模块的好处避免变量污染，命名冲突提供代码的复用率、维护性依赖关系管理 export命令：用于规定模块对外的接口外部能够读取模块内部的某个变量、函数、类使用as关键字重命名...除了块作用域内 import命令：用于输入其他模块提供的功能变量、函数使用as关键字输入的变量都是只读的 import命令具有提升效果注意：module是静态导入，因此不能使用表达式和变量那些运行时才能知道的结果的变量...在上面的三个文件中，import.js需要使用export.hs中的变量，而export.js又需要使用public.js中的变量。此时可以使用复合写法。

9103 0

面试题-为什么要使用Promise，Promise的优点

不使用Promise，回调函数必须先指定 // 成功的回调函数 function successCallback (result) { console.log('声音文件创建成功: ' + result...) } // 失败的回调函数 function failureCallback (error) { console.log('声音文件创建失败: ' + error) } /* 1.1 使用纯回调函数...*/ createAudioFileAsync(audioSettings, successCallback, failureCallback) 使用Promise const promise = createAudioFileAsync...final result: ' + finalResult) }, failureCallback) }, failureCallback) }, failureCallback) 使用...) ReferenceError: x is not defined // 123 上面代码中，someAsyncThing函数产生的 Promise 对象，内部有语法错误。

7822 0

JavaScript开发中关于Promise的使用详解

这些任务形成一个任务队列排队等候执行；但是某些任务是比较耗时的，如网络请求，事件的监听，以及定时器，如果让这些非常耗时的任务一一排队等候执行，那么程序执行效率会非常的低，甚至会导致页面假死。...而且在前端相关的面试的时候，面试官一般都会问到关于Promise相关的使用问题，甚至在笔试中也会出一些关于Promise和setTimeout的执行结果，这说明Promise的使用对于前端开发来说是非常重要的一个知识点...Promise对象其实表示是一个异步操作的最终成败，以及结果值，也就是一个代理值，是ES6中的一种异步回调解决方案。...Promise对象代理的值其实是未知的，状态是动态可变的，因此Promise对象的状态有三种：进行中、结束、失败，它运行的时候，只能从进行中到失败，或者是从进行中到成功。...如：setTimeout(() => { console.log(1) setTimeout(() => { console.log(2) setTimeout

7187 1

Promise用法及使用案例

所以我们用Promise的时候一般是包在一个函数中，在需要的时候去运行这个函数，如： function runAsync(){ var p = new Promise(function(resolve...不过它还有另外一个作用：在执行resolve的回调（也就是上面then中的第一个参数）时，如果抛出异常了（代码出错了），那么并不会报错卡死js，而是会进到这个catch方法中。...我们仍旧使用上面定义好的runAsync1、runAsync2、runAsync3这三个函数，看下面的例子： Promise .all([runAsync1(), runAsync2(), runAsync3...，all会把所有异步操作的结果放进一个数组中传给then，就是上面的results。...所以上面代码的输出结果就是：异步任务执行完成1 异步任务执行完成2 异步任务执行完成3 ["数据1","数据2","数据3"] Ajax中的使用案例假如有a,b请求，b依赖a的请求数据。

6973 0

Promise中的then链机制

Promise中的then链机制因为每一次 .then都会返回一个新的promise实例，所以我们就可以持续 .then下去了而且因为实例诞生的方式不同，所以状态判断标准也不同第一类：new Promise...：.then(null,onrejected) 或者 .then(onfulfilled);.then中的异步promise.then(onfulfilled,onrejected)情况一：此时已经知道...;执行Promise.all返回一个新的promise实例@p并且传递一个数组，数组中包含n多其他的promise实例如果数组中的每一个promise实例最后都是成功状态的，则@p也会是成功的，它的值也是一个数组...，按照“最开始的顺序”（不会考虑谁先成功）依次存储各个promise实例的结果；但凡数组中的某个promise实例是失败的（只要遇到一个失败的，后面不在处理了）。...promise，则会把返回值变为一个promise实例：状态 -> 成功，值 -> 返回值如果函数执行报错，则返回的实例，状态 -> 成功，值 -> 报错原因async最主要的作用就是：如果想在函数中使用

5022 0

【译】Javascript 中的 Promise

Promise在JavaScript用于处理异步操作的结果。将 Callback 重构为 Promise 例如下面这段代码中，我们使用 callback 来执行异步操作。...).then(() => console.log("Async operation")); 这里我们使用Promise实例的then方法在Promise被解决后执行操作。...在 ES6 中也可以使用 async/await 语法来处理Promise const promiseSetTimeout = ms => new Promise(resolve => setTimeout...同样的，我们可以使用then为同一个 Promise 增加多个回调，但是这样我们就不能链式调用了。...Promise.resolve 当我们需要将已知值作为Promise返回时使用，该方法返回一个给定值且状态为resolved的Promise。

1.1K2 0

点击加载更多

vue 中 Promise 使用方法

JavaScript中的Promise使用详解

Promise基本使用

回调、使用Promise封装ajax()、Promise入门

Promise基础使用

JavaScript中的 return await promise 与 return promise

JavaScript promise使用

如何使用Promise.race() 和 Promise.any() ？

如何使用Promise.race() 和 Promise.any() ？

Promise是什么？Promise怎么使用？回调地狱

使用 Swift 实现 Promise

理解和使用Promise.all和Promise.race

Promise简单学习使用

JavaScript中的Promise

十、promise的使用

面试题-为什么要使用Promise，Promise的优点

JavaScript开发中关于Promise的使用详解

Promise用法及使用案例

Promise中的then链机制

【译】Javascript 中的 Promise

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐