ES6-async/await

• async：是 Generator 函数的语法糖。返回一个Promise对象

• await

  • 后面是Promise对象，返回该对象的结果，如果不是返回对应的值。后面是一个thenable对象（即定义了then方法的对象），那么await会将其等同于 Promise 对象。
  • async表示函数里有异步操作，await表示紧跟在后面的表达式需要等待结果。

• 使用形式：

// 函数声明
async function foo() {}

// 函数表达式
const foo = async function () {};

// 对象的方法
let obj = { async foo() {} };
obj.foo().then(...)

// Class 的方法
class Storage {
constructor() {
	this.cachePromise = caches.open('avatars');
}

async getAvatar(name) {
	const cache = await this.cachePromise;
	return cache.match(`/avatars/${name}.jpg`);
}
}

const storage = new Storage();
storage.getAvatar('jake').then(…);

// 箭头函数
const foo = async () => {};

• 错误处理

  • 如果await后面的异步操作出错，那么等同于async函数返回的 Promise 对象被reject。

• 防止错误处理

  1. 多个await命令，可以统一放在try…catch结构中。
  2. 多个await命令后面的异步操作，如果不存在继发关系，最好让它们同时触发。
     let [foo, bar] = await Promise.all([getFoo(), getBar()]);
  3. await命令只能用在async函数之中
  4. 可以保留运行堆栈