typescript promise异步函数操作

忘是亡心i 2022-05-08 08:00 243阅读 0赞

原文出处：[https://blog.csdn.net/weixin\_39169232/article/details/74748150][https_blog.csdn.net_weixin_39169232_article_details_74748150]  
延伸阅读：[ionic2页面回传值，关于Typescript的Promise承诺][ionic2_Typescript_Promise]  
**promise最主要的思想就是对异步操作结果的一个承诺，承诺的状态有如下几种：**

*  1.pending: promise 的初始化状态
 *  2.resolved: 代表异步操作成功  (已成功，又称Fulfilled)
 *  3.rejected: 代表异步操作失败

注意：当一个promise处于 resolved或rejected状态后，它的状态就永远不可更改了。  
  
一、定义food函数

function foo(){  
        return new Promise ((resolve, reject) => {
            try{      
                resolve("success");    // 成功
            }
            catch(error){
                reject("fail");        // 失败
            }  
        });
    }

二、调用food函数

//调用promise 方法
    this.foo()
        .then( (res) =>{       
           console.info(res);       // then - 成功后执行
        })
        .catch( (err) =>{        
           console.error(err);      // catch - 失败后执行
        });

说明：  
 \*正常在promise中并不需要 try...catch ,因为promise会在异常抛出的时候  
 \*自动进入 rejected状态。  
 \*上段代码中声明了一个foo的函数，返回一个promise.  
 \*一个promise包含一个then方法，它接受一个函数，在promise被resolved后调用。  
 \*promise还提供了一个名为catch的方法，它在promise被rejected之后被调用

[https_blog.csdn.net_weixin_39169232_article_details_74748150]: https://blog.csdn.net/weixin_39169232/article/details/74748150
[ionic2_Typescript_Promise]: https://blog.csdn.net/u011537073/article/details/61939223

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关【异步编程】Promise

Promise的基本用法创建promise对象 Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejec

分手后的思念是犯贱/ 2023年10月13日 17:23/ 0 赞/ 16 阅读

相关 Promise 异步函数顺序问题解决

在项目中写到for循环结束之后再去调用一个函数我用的是vue 记录一下 //这里是循环得到一些数据之后再进行函数调用 const _arr=[]

Bertha 。/ 2023年03月01日 05:55/ 0 赞/ 36 阅读

相关异步操作：回调、generator、Promise

异步操作： 1. 回调 2. Promise 3. generator //回调 // //回调 $.ajax({ url: xxx,

骑猪看日落/ 2023年02月23日 03:40/ 0 赞/ 23 阅读

相关 promise异步请求

[https://blog.csdn.net/weixin\_42396884/article/details/89349136][https_blog.csdn.net_we

朴灿烈づ我的快乐病毒、/ 2022年12月22日 11:12/ 0 赞/ 219 阅读

相关 Promise js 异步操作

忘记原文地址了，如果作者看到都可以和我说下，我会改的… var p = new Promise(function(resolve, reject){

小鱼儿/ 2022年12月08日 04:42/ 0 赞/ 220 阅读

相关 promise加箭头函数处理异步结果

Promise对象 es6中新增了promise对象，为了处理异步消息而生，在此之前处理异步拿到的数据就是回调嵌套回调，有了Promise我们就可以在需要使用异步处理结果

缺乏、安全感/ 2022年06月09日 08:51/ 0 赞/ 211 阅读

相关异步操作之promise

文章目录 Promise介绍基本用法 API方法介绍常见的几种Promise处理问题的方法 Pro

深碍√TFBOYSˉ_/ 2022年05月15日 00:50/ 0 赞/ 305 阅读

相关 typescript promise异步函数操作

原文出处：[https://blog.csdn.net/weixin\_39169232/article/details/74748150][https_blog.csdn.n

忘是亡心i/ 2022年05月08日 08:00/ 0 赞/ 244 阅读

相关 Promise异步操作基础

如有侵权请联系删除 Promise是抽象异步处理对象以及对其进行各种操作的组件。 Promise把类似的异步处理对象和处理规则进行规范化，并按照采用统一的接口来编写，而采

亦凉/ 2022年03月31日 08:43/ 0 赞/ 298 阅读

相关异步编程——promise

异步编程——promise 定义 Promise是异步编程的一个解决方案，相比传统的解决方法——回调函数，使用Promise更为合理和强大，避免了回调函数之间的层层嵌套，...

测试账号/ 2021年01月09日 09:33/ 0 赞/ 793 阅读