在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。

转载于:https://www.cnblogs.com/zhuyupingit/p/7612267.html