什么是Promise ?

什么是Promise ?

Promise是ES6中提供的一个异步编程的解决方案,Promise本身是一个构造函数

console.log( typeof Promise)  //function

在js中,所有的代码都是同步执行的,而在js在进行网络操作,浏览器实践,任务队列时,就导致很多代码必须要进行回调,出现回调地狱。
ajax就是典型的异步操作。
Promise则是异步编程的一种解决方案,它有两个特点:

1、对象的状态不受外界影响,
2、状态改变是不可逆不可改变。

Promise一共有三种状态,分别为:
Pending(进行中)
Resolved(已完成)
Reject(已失败)
初始状态为pending,如果成功则resolved,如果失败测reject。

promise 的基本用法

let promise = new Promise((resolve,reject) =>{
  resolve()
}).then(res=>{console.log(res)})

Promise构造函数接收一共函数作为参数,该函数有两个参数分别为resolve和reject,调用resolve则会代表成功,调用reject则会代表失败。

then 方法

function greet(){  
  let promise = new Promise ((resolve,reject)=>{    
    let data = 'hello world'    
    resolve(data)
 }) 
return promise
 } greet().then(res=>{console.log(res)})

then方法是处理resolve和reject的回调,分别有两个参数,参数分别是(resolve)=>{},(reject)=>{}。then方法的返回值也是一个promise,因此可以不断的进行链式调用then方法。

all方法

Promise的all方法提供了并行执行异步操作的能力,它可以将promise数组作为参数,只有当时所有promise都成功后,才会获取到成功结果,否则会报错。

function p1(){ 
   var promise1 = new Promise(function(resolve,reject){ 
       console.log("p1的第一条输出语句"); 
       resolve("p1完成");    })   
 return promise1; } 
function p2(){ 
   var promise2 = new Promise(function(resolve,reject){ 
       console.log("p2的第一条输出语句"); 
        resolve("p2完成");    })   
 return promise2; }
 function p3(){
    var promise3 = new Promise(function(resolve,reject){ 
       console.log("p3的第一条输出语句");
        resolve("p3完成")    }); 
   return  promise3; } 
Promise.all([p1(),p2(),p3()]).then(function(data){ 
console.log(data); }) 

打印结果:
p1的第一条输出语句
p2的第一条输出语句
p3的第一条输出语句
['p1完成','p2完成','p3完成']

race方法

在all中的回调函数中,等到所有的Promise都执行完,再来执行回调函数,race则不同它等到第一个Promise改变状态就开始执行回调函数。

function p1(){
    var promise1 = new Promise(function(resolve,reject){
        resolve("p1完成");  
  })    return promise1; 
} 
function p2(){ 
   var promise2 = new Promise(function(resolve,reject){
         reject("p2失败");    }) 
   return promise2;
 } 
Promise.race([p1(),p2()]).then(function(data){
    console.log(data); }) 

打印结果: p1完成

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 阮一峰的ES6---Promise对象 Promise的含义 promise是异步编程的一种解决方法,比传统的回调...
    roku2333阅读 176评论 0 0
  • 内存泄漏注意项 一.内存泄漏概念 1.什么是内存泄漏? 用动态存储分配函数动态开辟的空间,在使用完毕后未释放,结果...
    程序农猿阅读 312评论 0 1
  • Promise的含义:   Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和...
    呼呼哥阅读 2,200评论 0 16
  • Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函...
    neromous阅读 8,732评论 1 56
  • > 简述: ## 什么是Promise? -Promise是用来处理异步的; -Promise就是承诺,对未来的承...
    风雪中的兔子阅读 421评论 0 0