ES7-新特性：async&await

ES7 新特性

• Array.prototype.includes:检查数组中是否包含某元素，返回 bool 值

const arr = ["Foo", "Bar", "Crushdada"];
console.log(ar.includes("Foo")); //true

• ES7 允许用表达式计算乘方

console.log(2 ** 10); //1024
console.log(Math.pow(2, 10)); //ES5方法

async和await：新的异步编程解决方案

async 函数

它像是一个 Promise 的语法糖,不必再局限于 new 一个 Promise，然后在里面穿透出数据给.then 方法的格式，但是，一般async是用来和await结合使用的！

• async函数的返回值为promise对象
• promise对象的结果由async函数执行的返回值决定

await 表达式

• await必须写在async函数中
• 其右侧的表达式一般为promise对象
• 它返回的是promise成功的值
• await的Promise失败了，就会抛出异常，需要try...catch捕获它

const p = new Promise((resolve, reject) => {
  resolve("got it!"); //reject("shibai");
});
async function fn() {
  try {
    let res = await p;
    console.log(res);
  } catch (rea) {
    console.log(rea);
  }
}
fn();

async+await 读取多文件应用

步骤：

• 引入 fs 模块：调用readFile方法
• 封装读取：用不同的的函数读取，返回各自的Promise对象
• 声明一个 async 函数：在其中使用await+try...catch统一处理

function readFile1() {
  return new Promise(function (resolve, reject) {
    fs.readFile("../../test/1.txt", (err, data) => {
      if (err) reject(err);
      resolve(data);
    });
  });
}
function readFile2() {···}  //此处省略，和readFile1相比只改了路径
function readFile3() {···}  //同上
async function deal() {
  try {
    let res1 = await readFile1();
    let res2 = await readFile2();
    let res3 = await readFile3();
    console.log(res1.toString());
    console.log(res2.toString());
    console.log(res3.toString());
  } catch (rea) {
    console.log(rea); // console.log('错误！');
  }
}
deal();

• 若修改成一个错误路径“22.txt”，那么 catch 到的错误信息为

• 你也可以不返回这个错误，仅返回“错误！”

async+await 封装 Ajax！

• 写一个请求函数，返回一个 new 出来的 Promise 对象，在其其中发送 Ajax 请求
• 写一个 async 函数，用来调用上述函数并用 await 接收返回值

function ajax(url) {
  return new Promise((resolve, reject) => {
    const x = new XMLHttpRequest();
    x.open("GET", url);
    x.send();
    x.onreadystatechange = () => {
      if (x.readyState === 4) {
        if (x.status >= 200 && x.status < 300) {
          resolve(x.response);
        } else {
          reject(x.status);
        }
      }
    };
  });
}
//使用promise.then的形式
// ajax("https://api.apiopen.top/getJoke").then(
//   (val) => {console.log(res);},
//   (rea) => {console.log(rea);}
// );
async function receive(url) {
  try {
    let res = await ajax(url);
    console.log(JSON.parse(res));
  } catch (rea) {
    console.log(rea);
  }
}
receive("https://api.apiopen.top/getJoke");