Promise初探

1. promise有什么用

promise提供了对js异步编程的新的解决方案。

• 他改变了传统回调的位置，不用去思考那些难缠的回调嵌套，让我们在思维上更容易理解回调，让回调更容易编写和维护。
• 统一了回调的接口，让各种回调更易使用，而不用去看细看的各个回调函到底是什么。

2. promise如何实现

Promise是一个对象，可以通过构造函数生成。

new Promise(function(resolve,reject){
    //一些异步操作
    if(异步成功){
    resolve.call(undefined,text)//修改实例化的promise对象的状态为fulfilled,
    }else(异步失败){
    reject.call(undefined,error)//修改实例化的promise对象的状态为rejected,
    }
}).then(fn1,fn2)//then 方法添加了两个回调函数，第一个异步成功时调用，第二个异步失败时调用

• promise有三种状态，两种状态变化，变化后固定不可变。
• resolve()方法改变promise状态pending-->fulfilled,传出一个参数text，并立马调用then()方法中第一个函数
• reject()方法改变promise状态pending-->rejected,传出一个参数error，并立马调用then()方法中第二个函数
• then()方法用来添加回调函数。

3. promise执行顺序

1. promise实例里的代码为同步任务，先执行；
2. then()方法里的代码为微任务，在promise本次循环结束后立马执行；
3. 最后是正常的异步任务，比如setTimeout()等。

4. 用promise写一个jQuery.ajax

window.jQuery = function(nodeOrSelector){
    nodes = {}
    nodes.addClass = function(){}
    nodes.text = function(){}
    return nodes
}
window.$ = window.jQuery

jQuery.ajax = function({url,method,body}){
    return new Promise(function(resolve,reject){
        let request = new XMLHttpRequest()
        request.open(method,url)
        request.onreadystatechange = () =>{
       if(request.readyState === 4){
           if(request.states >= 200 && request.states <300){
               resolve.call(undefined,request.responseText)
           }else if(request.states >= 400){
               reject.call(undefined,request)
           }
       }
   }
   request.send(body)
    })
}
var success = function(text){console.log(text)}
var fail = function(error){console.log(error)}
//使用有promise功能的ajax
jQuery.ajax({
    url:'/xxx',
    method: 'post',
    body:"a=1&b=2"
}).then{success,fail}