async函数:真正意义上解决异步回调问题,以同步流程表达异步操作
本质:Generator语法糖
async function foo(){
await 异步操作;
await 异步操作;
}
特点:
不用向Generator去调用next方法,遇到await等待,当前的异步操作完成就往下执行
返回的总是Promise对象,可以用then方法进行下一步操作
async取代Generator函数的星号*,await取代yield
语义上更明确,使用简单
async function foo(){
return new Promise(resolve=>{
// setTimeout(function(){
// resolve();
// },2000);
setTimeout(resolve,2000);//与上面等价,resolve就是函数
})
}
async function test(){
console.log("开始执行",new Date().toTimeString());
await foo();
console.log("执行完毕",new Date().toTimeString());
}
test();
//async里面的返回值
function test2(){
return 'XXX';
}
async function asyncPrint(){
// let result = await test2();
let result = await Promise.resolve('promise');
console.log(result);
}
asyncPrint();
应用实例:
//获取新闻内容
async function getNews(url){
return new Promise((resolve,reject)=>{
$.ajax({
method:'GET',
url,
// success:function(data){
// resolve();
// },
success:data=>resolve(data),
// error:function(error){
// reject();
// }
// error:error=>reject(error)
error:error=>resolve(false)
});
});
}
async function sendXml(){
let result = await getNews('address url');
if(!result){
alert('暂时没有新的内容');
}
await getNews('address url'+result.commentUrl);
}
sendXml();