首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript Promise

简单介绍一下 Promise 以及他的使用、异常处理、同步处理等等… 介绍   我们都知道 JavaScript 是一种同步编程语言,上一行出错就会影响下一行的执行,但是我们需要数据的时候总不能每次都等上一行执行完成...const promise1 = Promise.resolve(3); const promise2 = new Promise((resolve, reject) => setTimeout(()...Promise.race Promise.race(iterable) 方法返回一个 Promise,一旦迭代器中的某个 Promise 解决或拒绝,返回的 Promise 就会解决或拒绝。...Promise.any() 接收一个 Promise 可迭代对象,只要其中的一个 Promise 成功,就返回那个已经成功的 Promise。...Promise.any() 与 Promise.race() 方法不同,Promise.race() 方法主要关注 Promise 是否已解决,而不管其被解决(成功)还是被拒绝(失败)。

20210
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript Promise

Promise可能大家都不陌生,因为Promise规范已经出来好一段时间了,同时Promise也已经纳入了ES6,而且高版本的chrome、firefox浏览器都已经原生实现了Promise,只不过和现如今流行的类...其次是then的实现,由于Promise要求then必须返回一个promise,所以在then调用的时候会新生成一个promise,挂在当前promise的_next上,同一个promise多次调用都只会返回之前生成的...类似的静态方法还有Promise.cast(promise),生成一个以promise为肯定结果的promisePromise.reject(reason),生成一个以reason为否定结果的promise...标准的Promise 可参考html5rocks的这篇文章JavaScript Promises,目前高级浏览器如Chrome、Firefox都已经内置了Promise对象,提供更多的操作接口,比如Promise.all...但Promise也只是解决了回调的深层嵌套的问题,真正简化JavaScript异步编程的还是Generator,在Node.js端,建议考虑Generator。

1.2K20

JavaScript Promise(上)

Promise 是一个 ECMAScript 6 提供的类,目的是更加优雅地书写复杂的异步任务。...以下是 Promise 浏览器支持的情况: Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55 构造 Promise 现在我们新建一个 Promise...对象: new Promise(function (resolve, reject) { // 要做的事情... }); 通过新建一个 Promise 对象好像并没有看出它怎样 "更加优雅地书写复杂的异步任务...现在我们用 Promise 来实现同样的功能: 实例 new Promise(function (resolve, reject) { setTimeout(function () {...Promise 的使用 下面我们通过剖析这段 Promise "计时器" 代码来讲述 Promise 的使用: Promise 构造函数只有一个参数,是一个函数,这个函数在构造之后会直接被异步运行,所以我们称之为起始函数

23010

JavaScript手写PromisePromise.then()、Promise.all()、Promise.race()

我们可以将传给then函数和新Promise的resolve一起push到前一个Promise的callbacks数组中,达到承前启后的效果: 承前:当前一个Promise完成后,调用其resolve变更状态...如果返回的结果是个Promise,则需要等它完成之后再出发新Promise的resolve,所以可在其结果的then里调用新Promise的resolve then(onFulfilled, onReject...这个方法返回一个新的Promise对象 遍历传入的参数,用Promise.resolve()将参数“包一层”,使其变成一个Promise对象 参数所有回调成功才是成功,返回值数组与参数顺序一致 参数数组其中一个失败...,则触发失败状态,第一个触发失败状态的Promise错误信息作为Promise.all的错误信息 function promiseAll(promises){ return new Promise...因为Promise的状态只能改变一次,那么我们只需要把Promise.race中产生的Promise对象的resolve,注入到数组中的每一个Promise实例中的回调函数即可。

93610

JavaScript】手写Promise

面试中经常会被问到你会手写Promise吗?...本文带你手撸Promsie基础回顾先回顾一下Promise的基本使用方法及特点promise三个状态:进⾏中(pending)、已完成(fulfilled)、已拒绝(rejected)处理promise...异常的三种方式:通过promise的then的第二个参数通过.catch处理通过try...catch处理promise状态处理处于等待态时,promise 需满⾜以下条件:可以变为「已完成」或「已拒绝...」处于已完成时,promise 需满⾜以下条件:不能迁移⾄其他任何状态;必须拥有⼀个不可变的值处于已拒绝时,promise 需满⾜以下条件:不能迁移⾄其他任何状态;必须拥有⼀个不可变的原一、声明Promise...首先创建一个Promise对象,根据Promise的状态来执行不同的回调函数。

16740

JavaScript Promise(下)

Promise 类有 .then() .catch() 和 .finally() 三个方法,这三个方法的参数都是一个函数,.then() 可以将参数中的函数添加到当前 Promise 的正常执行序列,....catch() 则是设定 Promise 的异常处理序列,.finally() 是在 Promise 执行的最后一定会执行的序列。...但是,如果 then 中返回的是一个 Promise 对象,那么下一个 then 将相当于对这个返回的 Promise 进行操作,这一点从刚才的计时器的例子中可以看出来。...Promise 函数 上述的 "计时器" 程序看上去比函数瀑布还要长,所以我们可以将它的核心部分写成一个 Promise 函数: 实例 function print(delay, message) {...Q: 什么时候适合用 Promise 而不是传统回调函数?

30120

JavaScript Promise (期约)

在典型的 JavaScript 风格中,如果需要侦听某个通知,可以把对通知的需求重新组织为对 foo() 发出的一个完成事件 (completion event, 或 continuation 事件)的侦听...永远都不应该依赖于不同 Promise 间回调的顺序和调度。 # 回调未调用 没有任何东西(甚至 JavaScript 错误)能阻止 Promise 通知它的决议(如果它决议了的话)。...# 未能传递参数 / 环境值 Promise 至多只能有一个决议值(完成或拒绝)。 如果没有用任何值显式决议,那么这个值就是 undefined,这是 JavaScript 常见的处理方式。...如果在 Promise 的创建过程中或在查看其决议结果过程中的任何时间点上出现了一个 JavaScript 异常错 误,比如一个 TypeError 或 ReferenceError ,那这个异常就会被捕捉...Promise 甚至把 JavaScript 异常也变成了异步行为,进而极大降低了竞态条件出现的可能。 # 是可信任的 PromisePromise 并没有完全摆脱回调。

44330

重学JavaScript Promise API

在这篇教程中,我们将掌握如何在JavaScript中创建并使用Promise。我们将了解Promise链式调用、错误处理以及最近添加到语言中的一些Promise静态方法。 什么是Promise?...在JavaScript中,一些操作是异步的。这意味着当这些操作完成时,它们产出的结果或者值并不会立即生效。 Promise是一个特殊的JavaScript对象,它代表了异步操作的最终结果。...回调函数 在拥有JavaScript Promise之前,处理异步操作最优雅的方式是使用回调。当异步操作的结果就绪时,回调就是一个运行的函数。...更多Promise方法 到此为止,我们已经对JavaScript Promise有了一个很好的基本了解,但在结束之前,我们需要注意各种Promise实用方法。...总结 在本文中,我们了解了如何创建和使用 JavaScript Promise。我们学习了如何创建一个Promise链,并将数据从一个异步操作传递到下一个异步操作。

13420

JavaScript中的Promise

Promise.all方法常被用于处理多个promise对象的状态集合。...2.Promise.race(iterable) 当iterable参数里的任意一个子promise被成功或失败后,父promise马上也会用子promise的成功返回值或失败详情作为参数调用父promise...通常而言,如果你不知道一个值是否是Promise对象,使用Promise.resolve(value) 来返回一个Promise对象,这样就能将该value以Promise对象形式使用。...当这个回调函数被调用,新 promise 将以它的返回值来resolve,否则如果当前promise 进入fulfilled状态,则以当前promise的完成结果作为新promise的完成结果。...promise, 将以回调的返回值来resolve. 3.Promise.prototype.finally(onFinally) 添加一个事件处理回调于当前promise对象,并且在原promise

1.1K20

javascript异步与promise

我们说处理javascript异步最常用的方式就是通过回调函数,对于回调函数我们昨天对此做了介绍 简单快速, 我们一般使用嵌套回调或者链式回调,会产生以下问题 当采用嵌套回调时,会导致层级太多,不利于维护...promise解决了哪些异步回调出现的问题。...什么是promise 我们来看一个场景,有助于我们了解promise 设想一下这个场景,我去KFC,交给收银员10元,下单买一个汉堡,下单付款。...) 回调函数调用过早 调用过早就是将异步函数作为同步处理了, 我们之前说过,javascript以单线程同步的方式执行主线程,遇到异步会将异步函数放入到任务队列中, 当主线程执行完毕,会循环执行任务队列中的函数...const promise = new Promise((resolve, reject) => reject('失败啦')) promise.then(null, s => console.log

88640

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...= asyncOperation(); return await promise; } // vs async function func2() { const promise = asyncOperation...相同行为 为了找到两个表达式(与)的区别,(return await promise vs return promise), 我要使用辅助功能。 delayedDivide(n1, n2)....在此步骤中,您已经看到使用和没有区别 return await promise and return promise 至少在处理成功履行承诺时。 但是,让我们搜索更多! 2.

2K20

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

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

2.3K30

Javascript 中的神器——Promise

Promise in js 回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。...ECMAScript 是 JavaScript 语言的国际标准,JavaScript 是 ECMAScript 的实现。...ES6 的目标,是使得 JavaScript 语言可以用来编写大型的复杂的应用程序,成为企业级开发语言。 概念 ES6 原生提供了 Promise 对象。...有了 Promise 对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise 对象提供统一的接口,使得控制异步操作更加容易。 Promise 也有一些缺点。...基本的 api Promise.resolve() Promise.reject() Promise.prototype.then() Promise.prototype.catch() Promise.all

1.1K50

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券