ES2017 新特性 （Async和await）
1.功能概述
1、async 和 await 简化异步函数的写法；
2、对象方法扩展 对象方法扩展；
2.async 和 await 概述：
async 和 await 两种语法结合可以让异步代码看起来像同步代码一样；
简化异步函数的写法；
async 函数：
概述：
1. async 函数的返回值为 promise 对象；
2. promise 对象的结果由 async 函数执行的返回值决定；
代码实现：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>async 函数</title></head><body><script>// async 函数：异步函数 async function fn() {// return 123; // 返回普通数据 // 若报错，则返回的 Promise 对象也是错误的 // throw new Error("出错啦！"); // 若返回的是 Promise 对象，那么返回的结果就是 Promise 对象的结果return new Promise((resolve, reject) => {// resolve("成功啦！"); reject("失败啦！");})}const result = fn();// console.log(result); // 返回的结果是一个 Promise 对象 // 调用 then 方法 result.then(value => {console.log(value);}, reason => {console.warn(reason);});</script></body>
</html>await 表达式：
概述：
1. await 必须写在 async 函数中；
2. await 右侧的表达式一般为 promise 对象；
3. await 返回的是 promise 成功的值；
4. await 的 promise 失败了, 就会抛出异常, 需要通过 try...catch 捕获处理；
代码示例：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>await 表达式</title></head><body><script>// async 函数 + await 表达式：异步函数 // 创建 Prmise 对象 const p = new Promise((resolve, reject) => {resolve("成功啦！");})async function fn() {// await 返回的是 promise 成功的值 let result = await p;console.log(result); // 成功啦！ }fn();</script></body>
</html>