美文网首页
Promise基础

Promise基础

作者: abigdonkey | 来源:发表于2017-04-04 22:58 被阅读0次

Promise

1.用链式调用的方法,执行回掉函数
2.避免了回掉函数的层层嵌套

Promise对象的三种状态

1.pending 进行中

2.rejected 失败

3.resolved 已解决

Promise状态的改变形式

1.从pending到resolved

2.从pending到rejected

Promise基本的api

打印Promise,console.dir(Promise) 可以看到

1.Promise.resolve()

2.Promise.reject()

3.Promise..prototype.then()

4.Promise.prototype.catch()

5.Promise.all() 所有完成

6.Promise.race() 一个完成



Promise是一个构造函数,本身具有 resolve reject all race几个方法,原型上有then catch等方法

eg.1

var p = new Promise(function(resolve, reject){

      window.setTimeout(function(){

            console.log('Just a test‘);

            resolve('哈哈’);

      }, 2000);

});

1.Promise的构造函数接受一个参数,该参数是一个函数,并传入两个参数,resolve和reject

2.上面new了一个Promise对象,但是并没有调用它,传进去的函数就执行了

3.所以,使用Promise的时候,一般放进一个函数中,当使用的时候再调用

eg2.

 function runAsync(){
    var p = new Promise(function(resolve, reject){

      window.setTimeout(function(){

        console.log('Just a test');

        resolve('哈哈');

      }, 2000);

    });
    return p;
  }

  runAsync().then(function(data){
    console.log(data);
  });

runAsync()方法返回一个Promise对象,然后调用该对象上的then等方法

相关文章

  • Promise

    promise基础

  • 第八周第二天笔记

    ES6之Promise类 1 Promise类基础知识解读 promise类的静态属性方法分类:resolve()...

  • Promise

    基础用法 Promise.all() Promise.all方法用于将多个 Promise 实例,包装成一个新的 ...

  • js-Promise基础

    js-Promise基础(第三周) Promise含义 promise意思为允诺、许诺、承诺在js中为了解决编写代...

  • 2020前端基础大纲(20200202)

    2020前端基础大纲1、promise 原理 promise.all 可以手写出大概。(async awa...

  • Promise基础

    值的传递: 连续出发的状态: 铺获失败,并终止执行:

  • Promise基础

    Promise Promise对象的三种状态 Promise状态的改变形式 Promise基本的api eg.1 ...

  • Promise基础

    1、Promise是什么? promsie是ES6新增的一个特性,它已经列入ES6的正式规范中promise是抽象...

  • Promise基础

    什么是promise 抽象表达Promise是JS中进行异步编程的新的解决方案(Promise也支持回调),旧的方...

  • promise基础

    promise有两个阶段:未决阶段unsettled和已决阶段settled promise有三种状态:pendi...

网友评论

      本文标题:Promise基础

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