Promise是异步里面的一种解决方案,解决了回调嵌套的问题,es6将其进行了语言标准,同意了用法,提供了`promise`对象, promise对象有三种状态:pending(进行中) 、Resolved(已经完成)和Rejected(已失败)
ES6规定,Promise对象是一个构造函数,用来生成Promise实例。
var promise=new Promise(function(resove,reject){ if (/* 异步操作成功 */){ resolve(value); } else { reject(error); }})
Promise实例生成以后,可以用then
方法分别指定Resolved
状态和Reject
状态的回调函数。
promise.then(function(value) { // success}, function(error) { // failure});
案例
var promise=new Promise(function(resolve,reject){ console.log('promise'); }) promise.then(function(){ console.log('我后执行') }) console.log('我先执行') //上面代码中,Promise新建后立即执行,所以首先输出的是“Promise”。然后,then方法指定的回调函数, //将在当前脚本所有同步任务执行完才会执行,所以“我后执行” 最后输出。
ajax
1 var getJSON=function(url){ 2 var promise=new Promise(function(resolve,reject){ 3 var xhr=new XMLHttpRequest(); 4 xhr.open('get',url); 5 xhr.onreadystatechange=handler; 6 xhr.send(null); 7 8 function handler(){ 9 if(this.readystate!==4){10 return;11 }12 if(this.status==200){13 resolve(this.responseText)14 }else{15 reject(new Error(this.statusText));16 }17 }18 })19 return promise;20 }21 getJSON("/get.json").then(function(json) {22 console.log('Contents: ' + json);23 }, function(error) {24 console.error('出错了', error);25 });