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); }
}
-
async 表示
这是一个async函数
,await只能用在这个函数里面
。 -
await 表示在这里
等待promise返回结果
了,再继续执行。 -
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。