在react native 中Async/Await的使用说明和方法

Async/Await  属于es7中体验异步的终极解决方案，通俗来讲就是异步函数

一般在可以和 try{}catch{}一起使用

例如在react native中构建安卓日历组件DatePickerAndroid时（官网代码为：）

async 函数名 （参数）{

try {
  const {action, year, month, day} = await DatePickerAndroid.open({
    // 要设置默认值为今天的话，使用`new Date()`即可。
    // 下面显示的会是2020年5月25日。月份是从0开始算的。
    date: new Date(2020, 4, 25)
  });
  if (action !== DatePickerAndroid.dismissedAction) {
    // 这里开始可以处理用户选好的年月日三个参数：year, month (0-11), day
  }
} catch ({code, message}) {
  console.warn('Cannot open date picker', message);
}

}

1. async 表示这是一个async函数，await只能用在这个函数里面。

2. await 表示在这里等待promise返回结果了，再继续执行。

3. await 后面跟着的应该是一个promise对象（当然，其他返回值也没关系，只是会立即执行，不过那样就没有意义了…）

再来一个简单的例子：

var sleep = function (time) {
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
            resolve();
        }, time);
    })
};

var start = async function () {
    // 在这里使用起来就像同步代码那样直观
    console.log('start');
    await sleep(3000);
    console.log('end');
};

start();

控制台先输出start，稍等3秒后，输出了end。