站内搜索:
首页 >> 前端 >> 内容
Promise、Async/Await的使用

时间:2017/3/14 9:24:40

Prosmise对像是es6的新特性,也是异步编程的解决方案。

var promise = new Promise(function (resolve , reject) {
        var result = axios.get('../data.json');
        if (result){
            resolve(result)
        }else {
            reject(new Error())
        }
    });

使用方法是 new Promise 对象,里面有两个参数,一个是resolve,一个是reject。resolve表示解决、成功,reject表示拒绝、失败。(axios是异步请求库,类似jq 的ajax)
调用:

promise.then(function (data) {
        console.log(data.data)
    })

asyncawait,是一对好机油,配合一起使用。功能类似Generator 函数 (*),但是更语义化,使用方法:

function resolveAfter2Seconds(x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x);
    }, 2000);
  });
}

async function f1() {
  var x = await resolveAfter2Seconds(10);
  console.log(x); // 10
}
f1();

将异步转为同步,如果去掉 async 、await,结果会是undefined

  • 上一篇:web前端开发指南:前端IDE那个流行,那个好
  • 下一篇:React踩坑记录
  • 返回顶部