异步中 await 和 then 的区别，哪个更好

[James369]

await 虽然简洁。因为 await 需要等待返回才继续向下执行，如果是较耗时的操作就得等待。


方式一：
await u = login();
getUserInfo(u);
otherTask(); // 必须等待 login()返回。


方式二：
login().then((u) {
getUserInfo(u);
);
otherTask(); //可以并行

我觉得 then 更加符合逻辑。

[phony2r]

我觉得你的理解有问题

[yaphets666]

js 吗 当然 then 好 async 和 await 的异常处理是业界难题 没有统一且玩美的方案

[um1ng]

async/await yyds

[Niphor]

方式一：
otherTask();
await x = login().then(getUserInfo);

方式二：
login().then(getUserInfo);
otherTask(); //可以并行

😈

[des]

// 不需要 then
pLogin = login();
otherTask();
u = await pLogin;
getUserInfo(u);

[lonelymarried]

必须 await 啊，看起来都舒服些

[huijiewei]

@yaphets666

```
export const flatry = <T, E>(promise: Promise<T>): Promise<{ data: T | undefined; error: E | undefined }> => {
return promise.then((data) => ({ data, error: undefined })).catch((error) => ({ data: undefined, error }));
};
```

[ALVC666]

两个其实都是一样的东西
看你预期结果吧
await 我觉得主要是异常处理的写法问题
try catch 我觉得也很不美观

[charlie21]

真是敢问敢答阿

[hoyixi]

你吐槽的 await 槽点，正是 await 诞生的原因，哈哈
好比勺子是用来喝汤之类，用在筷子不方便的场合，而你吐槽：勺子竟然不能像筷子一样夹菜。

[yaphets666]

@huijiewei 没看太懂 意思 flatry 是一个函数 把 await xxxx 传进去转换成 promsie 返回？
@ALVC666 try catch 有时候捕获不到 await 结果的错误

[component]

Promise.all Promise.race Promise.allSettled 你们是真不知道还是配合他演戏呢？

[MyouiSouth]

@component Promise 跑错片场了，这儿是 dart，应该是 Future.wait （狗头

[TomatoYuyuko]

await 最麻烦的地方是 reject 要用 try catch 捕获，处理起来有点麻烦，别的位置倒是用起来很顺手

[TomatoYuyuko]

最近在用 async/await 做接口封装遇到了 catch 的坑，最后用了一种不太好的办法处理
// response 拦截
// showStatus 是用来弹框提示状态码国际化标语的方法
...
catch (err) {
reject({ code: err.status, msg: showStatus(err.status), data: null })
}

//post 方法的拦截
...
catch (err) {
return new Promise(resolve => {
resolve({
code: -1,
msg: '',
data: null
})
})
}
// 具体接口封装
...
if(res.code !== -1){
...
强行 resolve，这样就避开了在 api 部分写太多 try catch 的问题
应该有更好的解决方法。。

[ALVC666]

@TomatoYuyuko
我是参考了这个
https://blog.grossman.io/how-to-write-async-await-without-try-catch-blocks-in-javascript/

import to from './to.js';

async function asyncTask() {
let err, user, savedTask;

[err, user] = await to(UserModel.findById(1));
if(!user) throw new CustomerError('No user found');

[err, savedTask] = await to(TaskModel({userId: user.id, name: 'Demo Task'}));
if(err) throw new CustomError('Error occurred while saving task');

if(user.notificationsEnabled) {
const [err] = await to(NotificationService.sendNotification(user.id, 'Task Created'));
if (err) console.error('Just log the error and continue flow');
}
}

[TomatoYuyuko]

@ALVC666 懂了，确实是个方法，相当于封了一层 promise 处理 err...

[gledos]

test

[chengxy]

@component #32 他们估计都不知道 Promise.all...

[leelz]

js 走错片场了。。