Promise

作者: 追逐_chase | 来源:发表于2018-09-11 11:43 被阅读4次
node.jpeg

Promise

  • Promise 是异步编程的一种解决方案,es6中统一器用法,原生提供了promise对象

  • Promise是一个容器,包含几个状态值pending将要发生的状态,Resolved成功的状态,rejected失败的状态,所以状态有2中可能,从pending变为Resolved,或者从pending变为rejected

  • 有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise对象提供统一的接口,使得控制异步操作更加容易。

基本用法


//创建一个容器
// 给你一个承诺,承诺本身不是异步,它里面的任务是异步
  var p1 =  new Promise(function (resolved,reject) {

     console.log(2);
     //这个任务会异步执行
     fs.readFile("./data/a.txt","utf8",function (err,data) {

         if (err){
             //承诺容器中的任务失败了
             // console.log(err);

             //把容器的pending的状态变为 rejected
             reject(err);
         }else {
             //承诺容器中的任务成功了
             // console.log(3);
             //
             // console.log(data);

             //把容器的pending状态改为成功 Resolved
             resolved(data);
         }
     })

 })

我们创建了p1Promise对象,可以通过then方法回调

//当p1成功了,然后(then)做指定的操作

    // then方法接收的function就是容器中的 resolve函数
  p1.then(function (data) {

      console.log(data);

      return {"name":"CC","age":"18"}
      //当前函数中 return的结果会在后面的then中的function接收到
      // return一个对象,在后面的then中的function 打印的结果 就是返回的对象

      //这个return最有用的就是 返回一个Promise对象

  },function (err) {
      //错误对象 rejected函数

  }).then(function (data) {

      console.log(data);

  })

解释:then方法有2个参数,第一个参数函数是Promise对象状态变为resolved(成功)时调用,第二个回调函数是Promise对象的状态变为rejected(失败)时调用

一些解释

  • 1.Promise是一个构造函数,可以 new Promise() 得到一个promise实例对象

  • 2.在Promise实例对象中有 resolve(成功之后的回调函数) 和 reject(失败之后的回调函数)

  • 3.在Promise构造函数的 prototype属性上,有一个 .then()方法,也就说,只要是promise构造函数创建的实例,都可以访问到 .then()方法

  • 4.如果promise表示一个,异步操作:每当我们 new一个实例的时候,这个实例就表示一个具体的异步操作

  • 5.既然promise创建的实例,是一个异步操作,这个异步操作有2个状态,

    • 5.1异步操作成功,需要在内部调用 成功的回调函数 resolve 把结果返回给调用者
    • 5.2异步操作失败,需要在内部调用 失败的回调函数 reject 把结果返回给调用者
    • 5.3 由于promise的实例,是一个异步操作,所以 拿到操作的结果后,无法使用return把操作的结果返回给调用者,这个时候,只能使用回调函数的形式,来把 成功 或者 失败 的结果 返回给调用者

其他用法可以参考这个博客

喜欢文章的👍一下,谢谢,有想学习[web]可以私聊我。

image.png

相关文章

网友评论

    本文标题:Promise

    本文链接:https://www.haomeiwen.com/subject/fooygftx.html