首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Promise 对象

    从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。 Promise对象有以下两个特点。...Promise对象的状态改变,只有两种可能:从pending变为fulfilled和从pending变为rejected。...resolve函数的作用是,将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;reject函数的作用是...,将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。...const promises = [ fetch('/api-1'), fetch('/api-2'), fetch('/api-3'), ]; await Promise.allSettled

    1.4K20

    从 Promise 对象讲解事件循环机制

    Promise 操作后返回的对象还是一个新的 Promise 对象。...它的状态改变只有两种结果: 1、从pending状态变为fulfilled状态 2、从pending状态变为rejected状态 只要有其中一种情况发生,状态就凝固了,不会再变,会一直得到这个结果,后续再添加...内部抛出的错误,不会反应到外部 3 当处于pending状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成) Promise API 先来看看Promise都有哪些API: ?...由上图知,Promise既是一个对象也是一个构造函数,下面就具体分析它的 api: 01 Promise.prototype.constructor() 它的基本用法如下: ?...04 Promise.prototype.finally() finally方法用于指定不管Promise对象最后状态如何,都会执行的操作。该方法是 ES2018 引入的标准: ?

    2K30

    重学JavaScript Promise API

    }; request.send(); // send the request }); Promise构造函数 我们首先使用Promise构造函数创建一个新的Promise对象。...该构造函数用于封装尚未支持Promise的函数或API,例如上面的XMLHttpRequest对象。传递给Promise构造函数的回调包含用于从远程服务获取数据的异步代码。...当从远程服务器收到成功的响应时,会传递给resolve方法。如果发生任何错误(无论是在服务器上还是在网络层),reject方法将调用一个Error对象。...then方法 当我们实例化一个Promise对象时,我们将得到一个未来可用数据的代理。在我们的例子中,我们期待从远程服务返回一些数据。那么,我们如何知道数据何时可用呢?...我们可以像以前一样,首先创建一个新的Promise对象: const promise = new Promise((resolve, reject) => { setTimeout(() => {

    41020

    实现Promise其它API

    catch catch 是 promise 实例上的方法,添加一个拒绝态的回调到当前 promise,然后返回一个新的 promise。...resolve 返回一个 Promise 对象,这样就能将该值以 Promise 对象形式使用;reject 返回一个状态为失败的 Promise 对象,并将给定的失败信息传递给对应的处理方法。...finally 回调参数可以返回一个 promise,如果是成功的 promise,会采用上一次的结果,如果是失败的 promise,会采用这一次的失败结果,并把结果传入 catch 中(或 then...race race 也是一个静态方法,它也接受一个迭代器,返回一个 promise,一旦迭代器中的某个 promise 解决或拒绝,返回的 promise 就会解决或拒绝。...最后 Promise 是解决异步回调问题的利器,使用 promise 可以把嵌套式的函数调用写成链式调用,有利于代码的阅读,有了 promise,我们可以把很多异步函数封装成 promise 风格的函数

    56530

    JavaScript之Promise对象

    Promise 对象是一个代理对象(代理一个值),被代理的值在 Promise 对象创建时可能是未知的。它允许你为异步操作的成功和失败分别绑定相应的处理方法(handlers)。...Promise 对象的状态改变,只有两种可能:从 pending 变为 fulfilled 和 从 pending 变为 rejected。...先看个示例:(注:后文的示例均使用 setTimeout 模拟异步操作) // 从 pending 变为 fulfilled var p = new Promise(function(resolve,...// 从 pending 变为 rejected var p = new Promise(function(resolve, reject) { setTimeout(function() {...解释一下 从 pending 变为 fulfilled 这段代码,当执行 new Promise() 时,传入的执行函数就立即执行了,此时其内部有一个异步操作(过 500ms 之后执行),等过了 500ms

    97230

    Promise 这个新 API 真香!

    Promise.try() 到底是何方神圣? 说白了,它就是 Promise 上的一个静态方法,像个万能启动器。...• 那如果函数本身就返回一个异步的 Promise 呢?没问题,Promise.try() 就直接用那个 Promise 的状态。 为啥我们需要这玩意儿?以前不也活得好好的? 嗯......• 调 API: fetch 本身返回 Promise,但之前的 URL 处理、参数构造啥的可能是同步的,万一出错呢?...console.log('保存成功:', result)) .catch(err =>console.error('处理失败:', err.message)); • 数据库/文件操作: 很多库的 API...(当然,具体库可能有自己的最佳实践,这只是个思路) // 假设我们有个文件操作库,它的 API 设计有点混乱 const fileOps = { readConfig(path) {

    13110

    Promise对象状态属性介绍

    Promise对象状态属性1. pending当创建一个Promise对象时,初始状态是pending(待定)状态。这表示Promise对象尚未完成,异步操作仍在进行中。...2. fulfilled当异步操作成功完成时,Promise对象的状态将从pending转变为fulfilled(已完成)状态。在这种状态下,Promise对象将包含异步操作的结果值。...3. rejected当异步操作失败时,Promise对象的状态将从pending转变为rejected(已失败)状态。在这种状态下,Promise对象将包含一个错误对象,用于描述发生的错误。...示例代码下面是一个示例代码,演示了Promise对象的状态属性和它们的转换:// 创建一个简单的异步操作,返回一个Promise对象function performAsyncTask() { return...); // 输出发生的错误 });在上述示例中,我们首先创建了一个performAsyncTask函数,它返回一个Promise对象,并模拟了一个异步操作。

    62940

    【Web前端】实现基于 Promise 的 API:alarm API

    Promise 是处理异步操作的重要工具。它使得代码更加清晰、可读,并且能够有效地避免回调地狱。 1. 什么是 Promise?...Promise 是一种用于表示异步操作最终完成(或失败)及其结果值的对象。它可以处于以下三种状态之一: Pending(待定):初始状态,既不是成功,也不是失败。...实现 alarm API 现在,我们来实现一个简单的 alarm() 函数,它将返回一个 Promise 对象。在这个函数中,我们将使用 setTimeout() 来模拟闹钟功能。...返回值: 最终,该函数返回一个新的 Promise 对象,可以在未来某个时刻被解决或拒绝。...接下来,让我们看看如何使用这个新创建的 alarm() 函数: alarm(3) .then(message => console.log(message)) .catch(error

    23300

    重构:从Promise到AsyncAwait

    一方面,这里替代的是异步代码的编写方式,并非完全抛弃大家心爱的Promise,地球人都知道Async/Await是基于Promise的,不用太伤心;另一方面,Promise是基于回调函数实现的,那Promise...示例2:Promise.promisify 使用Promise.promisify将不支持Promise的方法Promise化,调用异步接口的时候有两种方式: const Promise = require...示例3:Promise.map 使用Promise.map读取多个文件的数据,调用异步接口的时候有两种方式: const Promise = require("bluebird") var readFile...库,readFile与Promise.map都是Promise函数。...总结 JavaScript的异步编写方式,从回调函数到Promise再到Async/Await,表面上只是写法的变化,本质上则是语言层的一次次抽象,让我们可以用更简单的方式实现同样的功能,而程序员不需要去考虑代码是如何执行的

    1.4K31
    领券