promise的finally方法

胖鹅68

已于 2023-03-18 11:33:21 修改

阅读量5.3w

点赞数 11

CC 4.0 BY-SA版权

分类专栏： Html5、JavaScript、ES6 文章标签： javascript 前端 vue.js

于 2019-07-15 00:14:05 首次发布

本文链接：https://blog.csdn.net/hbiao68/article/details/84529057

Html5、JavaScript、ES6 专栏收录该内容

82 篇文章

订阅专栏

在移动app开发中，每次发送请求会有‘菊花’提示，请求结束需关闭loading提示框，否则界面无法点击。因请求存在成功、失败、超时等情况，为保证系统正常使用，可利用promise的finally强制关闭提示框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

参考文档

promise-finally学习

问题来源

在做移动app开发的时候，需要每次发送请求，都会有‘菊花’提示，请求发送完毕，就需要关闭loading提示框，不然界面就无法被点击。但是请求有的是成功、有的失败、有的超时，为了不影响整个系统的正常使用，就需要强制关闭提示框，正好利用promise的finally来关闭提示框

案例

var promise = new Promise(function(resolve, reject) {
    console.log("promise")
    window.setTimeout(function(){
      if (false){
        resolve('huangbiao');
      } else {
        debugger
        reject('error');
      }
    },1000)
  }).then(function(){
    console.log('success');
  }).catch(function(){
    console.log('catch');
  }).finally(function(){
    console.log('finally');
  });