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

浅析Promise用法

浅析Promise用法 要理解Promise要知道没有Promise的回调地狱 如何插入一段漂亮的代码片 Promise语法与then的用法 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件...从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。 Promise对象有以下两个特点。...有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise对象提供统一的接口,使得控制异步操作更加容易。...之后在ES6,Promise就应运而生。...Promise语法与then的用法 var promise = new Promise(function(resolve, reject) { // ... some code if (/*

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

    Promise用法详解(一)

    Promise 基本概念 Promise是一个构造函数,所以可以 new 出一个Promise的实例 在Promise上有两个函数 resolve(成功之后的回调函数)和 reject(失败后的回调函数...所以只要是Promise构造函数创建的实例,都可以访问到 .then()方法 Promise表示一个一步操作,每当我们new一个Promise的实例,这个实例就代表具体的异步操作。...我们可以在new出来的Promise实例上,调用 .then()方法,预先为这个Promise异步操作,指定成功(resolve)和失败(reject)回调函数 形式上和具体的Promise异步操作的区别...Promise的执行时机 每当new一个Promise实例的时候,除了会得到一个promise实例之外,还会立即调用我们为Promise构造函数传递的那个function,执行function中的异步代码...此时可以使用 .catch()进行异常捕获,只要前面Promise有任何一个执行失败,立即终止所有的Promise的执行,并马上进入catch中去处理Promise中抛出的异常。

    34920

    consolewriteline用法_promise sb to do

    Promise的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。...它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。...从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。...Promise的缺点 Promise也有一些缺点。 首先,无法取消Promise,一旦新建它就会立即执行,无法中途取消。...2.基本用法 一个promise可以通过promise构造函数来创建,这个构造函数只接受一个参数:包含初始化promise代码的执行器(executor)函数,在该函数内包含需要异步执行的代码。

    35520

    JS异步执行,Promise用法

    Promise Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理且更强大。...它最早由社区提出并实现,ES6将其写进了语言标准,统一了用法,并原生提供了Promise对象。...Fulfilled状态(已成功) Rejected状态(已失败) 一旦状态改变就不会再变 (两种状态改变:成功或失败) Pending -> Fulfilled Pending -> Rejected 用法...创建Promise实例 var promise = new Promise(function(resolve, reject){ // ... some code if (/* 异步操作成功...then 方法可以接受两个回调函数作为参数: Promise对象状态改为Resolved时调用 (必选) Promise对象状态改为Rejected时调用 (可选) 基本用法示例 function sleep

    5.4K30

    ES6 Promise用法小结

    目录 1.什么是Promise reject的用法 catch的用法 all的用法 race的用法 ---- 1.什么是Promise Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有...(Ps:此处执行多次是因为研究该用法的时候我在一个react的demo中进行的,该页面多个元素改变导致页面多次渲染执行所致,正常页面只渲染一次的话就所有只会执行一次) reject的用法 以上是对promise...的resolve用法进行了解释,相当于resolve是对promise成功时候的回调,它把promise的状态修改为 fullfiled,那么,reject就是失败的时候的回调,他把promise的状态修改为...(也就是说then方法中接受两个回调,一个成功的回调函数,一个失败的回调函数,并且能在回调函数中拿到成功的数据和失败的原因),所以我们能够分别拿到成功和失败传过来的数据就有以上的运行结果 catch的用法...即便是有错误的代码也不会报错了 all的用法 与then同级的另一个方法,all方法,该方法提供了并行执行异步操作的能力,并且在所有异步操作执行完后并且执行结果都是成功的时候才执行回调。

    31320

    async + await 的理解和用法Promise

    前言 ---- async/await 是 ES7 提出的基于 Promise (ES6 中提出的) 的解决异步的最终方案 async + await 的作用: 简化 promise 的异步操作,把 promise...获取失败的结果 ---- 当 Promise 抛出错误信息时,控制台默认是直接抛出异常的 reject('接口请求失败') 可以使用 try … catch 捕获 promise 抛出的错误 try...多个 Promise 的场景 ---- 使用 Promise Promise.all 的参数是一个数组,数组的每一项是一个返回的 promise 的函数调用 Promise.all([getProfile...(), getProfile()]).then(res => { console.log(res, 'res'); }) 使用 await 因为 Promise.all 返回的也是一个 Promise,...是 promise 对象,不是 promise 对象 const res = await getProfile() 如果不是 promise 对象,await 会阻塞后面的代码,先执行 async 外面的同步代码

    2.1K10

    理解 $q 和 promise基本用法-2 4.17

    可以先看我的第一篇文章 $q 和 promise 的基础理解 $q 和 promise 需要在 angular 中掌握异步的知识,我们需要掌握这几个重要的知识点, http, promise 下面着重讲解一下...promise:回执单(承诺) 记录 promise:deferred,(延期事件) 同时,家具厂给他留下了一个回执号,并对他说:我们做好了会给您送过去,放心吧。...这叫做==promise==,也就是承诺。 这样,这个==defer==算是正式创建了,于是他把这件事记录在自己的日记上,并且同时记录了回执号,这叫做==deferred==,也就是已延期事件。...$q.all:多个 promise 好,我们再扩展一下这个故事: 张先生这次需要做一个桌子,三把椅子,一张席梦思,但是他不希望今天收到个桌子,明天收到个椅子,后天又得签收一次席梦思,而是希望家具厂做好了之后一次性送过来

    86230

    盘点JavaScript中的Promise 链的高级用法

    之所以这么运行,是因为对 promise.then 的调用会返回了一个 promise,所以可以在其之上调用下一个 .then。...新手常犯的一个经典错误:从技术上讲,也可以将多个 .then 添加到一个 promise 上。但这并不是 promise 链(chaining)。...例 : let promise = new Promise(function(resolve, reject) { setTimeout(() => resolve(1), 1000); }); promise.then...let promise = fetch(url); 执行这条语句,向 url 发出网络请求并返回一个 promise。...三、总结 本文基于JavaScript基础,介绍了Promise 链的高级用法,主要介绍了使用Promise时新手常会出现的几个问题,对这几个问题进行详细的解答。 通过案例的分析,能够更直观的展示。

    1.1K20

    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实例中的回调函数即可。

    95110

    Promise

    Promise构造函数执行时立即调用executor函数,resolve和reject两个函数作为参数传递给executor(executor函数在Promise返回所建promise实例对象前被调用)...executor内部通常会执行一些异步操作,一旦异步操作执行完毕(成功/失败)要么调用resolve函数来将promise状态改成fulfilled,要么将promise函数将状态改为rejected。...---- 2.描述 promise对象是一个代理对象(代理一个值),被代理的值在Promise对象创建时可能是未知的。它允许你对异步操作的成功和失败分别绑定对应的处理方法。...一个promise有以下几种状态: pending :初始状态 fulfilled:操作成功完成 rejected: 操作失败 ---- 3.创建Promise 想要某个函数拥有promise函数...,只需让其返回一个promise即可 function myAsyncFun(url){ return new Promise((resolve, reject)=>{ const xhr

    69220

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券