Flutter 开发中异步处理：await 和 then 的区别，哪个更好
await 虽然简洁。因为 await 需要等待返回才继续向下执行，如果是较耗时的操作就得等待。
方式一：
await u = login();
getUserInfo(u);
otherTask(); // 必须等待 login()返回。
方式二：
login().then((u) {
getUserInfo(u);
);
otherTask(); //可以并行
我觉得 then 更加符合逻辑。
Flutter 开发中异步处理：await 和 then 的区别，哪个更好
这有什么好比的。。。。那你要是十个异步你嵌套十个 then 吗？
更多关于Flutter 开发中异步处理：await 和 then 的区别，哪个更好的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html
如果下一步需要上一步的结果就用 await 转成同步，否则都直接 thendart<br>var uid = await login().then((u) {<br> return <a target="_blank" href="http://u.id" rel="nofollow noopener">u.id</a><br>);<br>otherTask(uid); <br>
await 外面再套一层 async 就行了
(async()=>{
await u = login();
getUserInfo(u);
})();
otherTask();
“因为 await 需要等待返回才继续向下执行” 说明你还在用同步思维来异步编程。
可以试着想一下程序不是 “向下” 执行的，而是多个单元同时执行的，相较于早早地完成下一步，所有单元整体上尽早完成才是更重要的。
如果你的程序设计是让主线程卡在 await 上了，那么要么用 then，缺点是失去了上下文的同步控制；要么就重新整理一下 code，一定有更好的结构来使用 await.
方式一：
otherTask();
await x = login().then(getUserInfo);
方式二：
login().then(getUserInfo);
otherTask(); //可以并行
😈
<br>export const flatry = <T, E>(promise: Promise<T>): Promise<{ data: T | undefined; error: E | undefined }> => {<br> return promise.then((data) => ({ data, error: undefined })).catch((error) => ({ data: undefined, error }));<br>};<br>
最近在用 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 的问题
应该有更好的解决方法。。
我是参考了这个
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’);
}
}
使用的场景不同，很多时候就是要等上一条执行完了才执行下一条，有时候不需要等待只需要执行完的通知，那么就用 then，否则就是 await，有时侯不想每个都加 async 或者有些函数不能加，那只能用 then 。
在Flutter开发中，异步处理是一个常见的需求，await和then是处理异步操作的两种不同方式，它们各有特点和适用场景。
await关键字用于等待一个异步操作完成，并将异步操作的结果作为返回值。它只能在异步函数（即被async关键字修饰的函数）内部使用，并且会使代码的执行暂停，直到等待的异步操作完成。这种方式使得代码看起来更像是同步的，有助于提升代码的可读性和维护性。
then方法则是Promise对象的一个回调，用于在异步操作完成后执行特定的操作。它不会阻塞代码的执行，而是当异步操作完成时，通过回调函数来处理结果。这种方式更加灵活，适用于需要在异步操作完成后执行多个不同操作的情况。
至于哪个更好，这取决于具体的使用场景。如果只需要等待一个异步操作完成并获取其结果，那么await可能更加直观和简洁。如果需要处理多个异步操作的结果，或者希望在异步操作完成后执行多个不同的操作，那么then方法可能更加合适。
总的来说，await和then都是处理异步操作的有效方式，它们各有优缺点。在实际开发中，应根据具体需求和代码风格来选择使用哪种方式。无论选择哪种方式，都应确保异步操作得到正确处理，以避免出现潜在的错误和性能问题。
