js中Promise对象

一、Promise对象

由于回调地狱的程序可读性非常差，ES6针对这种特殊情况推出了Promise对象来解决回调地狱问题
Promise对象本质上来讲是一个状态机，Promise对象的状态有三种 : 正在等待状态改变 ( pendding )、成功 ( fullfilled )、失败 ( rejected )
Promise对象状态的改变是一次性的，如果发生了状态改变则状态不可再次更改

二、创建Promise对象

new Promise( ( resolve , reject )=>{ 
    // resolve(); // Promise 对象状态变成成功状态
    // reject() ; // Promise 对象状态变成失败状态
}); 

三、Promise回调函数

Promise对象的状态发生改变，会通知Promise对象的回调函数
then( 成功函数 , 失败函数 ) 无论成功或者失败都会告知then函数
finally () 无论成功或者失败都会调用的函数
catch () 失败会调用的函数

new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve();
  }, 1000);
}).then(() => {
  console.log("Promise对象状态变为成功");
});

四、传递数据

传递数据: 在调用 resolve 或者 reject 的时候传递参数
接受参数: 在传入then的函数的形参之中

new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(666);
  }, 1000);
}).then((res) => {
  console.log("Promise对象状态变为成功，传来的数据为：" + res);
});

五、链式调用

promise可以通过链式调用的方式，控制promise的执行顺序
.then函数中如果return值，就会被包装成为一个Promise函数resolve这个值，这样就控制了Promise的执行顺序

let promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("hello");
  }, 1000);
});

promise
  .then((data) => {
    console.log(data);
    return data + " world";
  })
  .then((data) => {
    console.log(data);
  });

运行结果：
hello
hello world