promise

首先promise是es6提供的一个构造函数

const promise = new Promise(function(resolve,reject){
    if(/*异步操作成功*/){
        resolve(value);
    }else{
        reject(error);
    }
})

实例promise
promise有三种状态
pending：进行中
fulfilled :已经成功
rejected 已经失败
两种结果
pending—fulfilled –成功——–resolve（）接受成功
pending–rejected –失败——–reject（）接受失败
两种方
eg1:传参的方式

const promise = new Promise(function(resolve,reject){
    if(/*异步操作成功*/){
        resolve(value);
    }else{
        reject(error);
    }
})

eg2:Promise 实例生成以后，可以用then 方法分别指定resolved状态和rejected状态的回调函数。

promise.then(function(value){
//success
},function(error){
//failure
});

promise优点
将接受返回数据的函数放在异步，不阻碍逻辑代码的执行
应用axios
axios是基于promise封装的
一个promise实例
const getJSON = function(url) {
const promise = new Promise(function(resolve, reject){
const handler = function() {
if (this.readyState !== 4) {
return;
}
if (this.status === 200) {
resolve(this.response);
} else {
reject(new Error(this.statusText));
}
};
const client = new XMLHttpRequest();
client.open(“GET”, url);
client.onreadystatechange = handler;
client.responseType = “json”;
client.setRequestHeader(“Accept”, “application/json”);
client.send();
});
return promise;
};
getJSON(“/posts.json”).then(function(json) {
console.log(‘Contents: ’ + json);
}, function(error) {
console.error(‘出错了’, error);
});