promise

Promise 简单来说是异步编程的一种解决方案

Promise对象有以下两个特点：

1. 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。
2. 一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果。
3. 有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。

promise的写法

let myPromise = new  Promise((resolve, reject)=>{
    setTimeout(()=>{
    resolve(100)  
    }，1000);
});

mypromise.then((res)=>{
    console.log(res);
},()=>{
    console.log("no");
})

用promise写Ajax

let pro=new Promise((resolve,reject)=>{
    let xhr=new XMLHttpRequest();
    xhr.open("get","js/1.js",true);
    xhr.onreadystatechange=()=>{
    if(xhr.readyState===4 && xhr.status===200){
        val=xhr.responseText;
        resolve(val);
    }
    if(xhr.status!==200){
        reject();
    }
    };
    xhr.send();
});

pro.then((res)=>{
    console.log(res);
    获取数据//数据绑定
},()=>{
    console.log("no不行");
})

这样一来管理回调函数或者异步事件就很清楚了。可以后面继续追加.then();

1. then中两个方法，成功走第一个，失败走第二个，
2. 比如实现某一种效果，就比如商品排序。
3. 第一个then请求数据，绑定数据，渲染数据
4. 第二个then从小到大排序
5. 第三个then从大到小排序