码迷,mamicode.com
首页 > Web开发 > 详细

理解JS中的Promise对象

时间:2020-07-29 15:18:44      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:出错   pos   ror   catch   pre   pen   block   new   因此   

  1. promise是异步编程的一种解决方法

promise对象代表一个异步操作,有三种状态,pending(进行中)、fulfilled(已成功)、rejected(已失败)
Promise对象是一个很神奇的东西, 究竟有哪些神奇呢?

  1. 怎么用

基本用法

instance = new Promise(function(resolve, reject){
           ...
           //when things goes right:
           resolve(value);
           ...
           //when things goes wrong:
           reject(error);
})

说明:

  • promise表示的是一个异步操作,每当我们new一个promise实例,就表示一个具体的异步操作
  • 这个异步操作的结果就只能有两种状态:成功/失败,两者都需要回调函数resolve/reject返回。所以内部拿到操作的结果后,无法使用return把操作结果返回给调用者

promise实例生成以后,可以用一个叫做then()方法来分别指定resolved状态和rejected状态的回调函数

instance.then( //注意, instance这个Promise对象默认向then中传入两个参数(分别是promise中的value&error), 在这里我们使用两个函数来进行处理

    function(value){
        process(value);
    }
    function(error){ // 可选
        process(error);
    }
)

说明:

  • then方法可以链式回传, 每个.then()中可以处理一个异步对象(如Promise), 仅当异步对象处理完毕之后, 才会向下一个then进行
  • 需要注意的一点就是,then方法返回的是一个新的Promise实例(注意,不是之前的Promise实例),因此可以采用链式写法,即then方法之后再调用另一个then方法

promise实例生成以后,还有一个叫做catch()的方法来抛出错误异常.catch 其实是 .then(undefined, () => {}) 的语法糖

Promise 对象的错误具有"冒泡"性质,会一直向后传递,直到被捕获为止。也就是说,错误总是会被下一个 catch 语句捕获。

getJSON("/post/1.json").then(function(post) {
  return getJSON(post.commentURL);
}).then(function(comments) {
  // some code
}).catch(function(error) {
  // 处理前两个回调函数的错误
});

理解JS中的Promise对象

标签:出错   pos   ror   catch   pre   pen   block   new   因此   

原文地址:https://www.cnblogs.com/lyzz1314/p/13396637.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!