标签：业务 用法 结果 异步操作 遇到 wait 方案 wait函数 sync
async搭配await是ES7提出的，它的实现是基于Promise。这里使用它对比Promise的用法，这里只是简单的适合日常业务的使用场景。
async、await是ES7中的提案，通过同步方式的写法，使得代码更容易阅读。
注意：await函数不能单独使用，而且async函数返回的是一个Promise对象，可以使用then函数添加回调函数。当函数执行的时候，一旦遇到await函数就会先返回一个Promise对象，等到异步操作完成，再去执行后面的语句。如果 await 后面的异步操作出错，那么等同于 async 函数返回的 Promise 对象被 reject！
Promise是ES6的新特性，用于处理异步操作逻辑，用过给Promise添加then和catch函数，处理成功和失败的情况，下面就两种情况介绍异步，刚刚入门把自己的理解写出来沉淀一下。
function timeout(ms) {
return new Promise(resolve => {
setTimeout(resolve, ms);
})
}
// 调用函数
async function asyncPrint(value, ms) {
await timeout(ms);
console.log(value);
}
// 调用函数
asyncPrint(‘timeout‘, 2000); // 2s之后打印出‘timeout‘,如果不相信可以使用vscode编辑器的run code插件，会把执行时间展示给你！
下面是Promise的实现同样的功能
function timeout1(ms) {
return new Promise(resolve => {
setTimeout(resolve, ms);
})
}
// 因为上面函数返回是的Promise对象，所以直接使用链式方法then时，是在Promise对象内的函数执行完之后执行的，这样就可以达到上面同样的结果
timeout1(5000).then(() => {
console.log(‘timeout1‘); // 5s之后打印出‘timeout1‘
})
这里多啰嗦两句，即使我们的设定的延时器的时间是2s和5s，但是真的跑出来的时间其实会多于2s和5s，这是因为执行其他的代码也会浪费时间啊，只是我们的感知不强而已，而且这是没办法避免的。即使你写的时间间隔为0，它也不会实现理想情况下的立即执行，原因就是刚刚说的那样。
个人喜欢async和await的写法，主要是阅读代码的时候更加语义化，看着舒服。而且看到一些权威文章上也推荐async 、await 去处理异步情况，（原画：async函数可以说是目前异步操作最好的解决方案）。??
promise 和 async await比较
标签：业务 用法 结果 异步操作 遇到 wait 方案 wait函数 sync
原文地址：https://www.cnblogs.com/iOS-mt/p/11356563.html
