ES6-promise

1.异步请求/异步操作

异步：操作之间没有关系，干扰，可以同时进行多个操作；代码更复杂

同步：同时只能做一件事；代码简单

2.promise——消除异步操作：用同步一样的方式，来书写异步代码

（1）promise本身是一个构造函数，有all，reject，resolve等方法

　　　　promise.all

　　　　promise.race（race的用法与all一样，只是all是与的关系，必须每一个资源都成功，但race是或的关系，同时读取多个资源哪个先完成就用哪个，只要有一个成功的就可以）

（2）基本大框：

　　　　jq下的promise：promsie.all( [ $.ajax(),$.ajax() ] ).then( results=>{//对了},err=>{//错了} )

Promise.all({
   $.ajax({url:'data/arr.txt',dataType:'json'}), 
   $.ajax({url:'data/json.txt',dataType:'json'}), 
   $.ajax({url:'data/num.txt',dataType:'json'}), 
}).then(results=>{
   let[arr.json,num]=result;
   alert('成功了');
   console.log(arr,json,num);   
},err=>{
   alert('失败了'); 
})

 

function createPromise(url){//我们用promise的时候一般把它包在一个函数中，在需要的时候去运行这个函数。
    return new Promise(function(resolve,reject){//我们包装好的函数最后会return出promise对象，也就是说执行这个函数我们会得到一个promise对象//两个参数(回调函数)：resolve-异步操作成功，reject-异步操作失败。严格来说resolve是将promise的状态设置为fullfiled，reject是将promise的状态设置为rejected。
        $.ajax({
            url,//url：url，在json中key与value值一样时可省略
            dataType:'json',
            sucess(arr){
            　　resolve(arr);
        　　},
        　　error(err){
            　　reject(err);
        　　}
    　　})
　　});
}
promise.all([//把都要执行的函数都放在一个数组里，然后数组以同步的方式一个一个执行，执行结束后能够接着执行then里面的东西
    createPromise('data/arr.txt'),
    createPromise('data/json.txt')
]).then(function(arr){//then会拿到我们之前函数中调用resolve时传的参数
    let [res1,res2]=arr;//结构赋值
    alert('全部成功了');
    alert(res1);
    alert(res2);
},function(){
    alert('至少有一个失败了');