js中async-await关键字

一、async-await

1.async-await 关键字是promise的语法糖,这个语法糖主要优化掉的是promise的then回调函数语法
2.async 主要作用使用来定义特殊函数(用async定义的函数内部可以使用await关键字),await 主要用来替代then回调函数,await 最主要的作用就是获取promise对象状态改变时传递的数据
3.async函数返回值是一个Promise对象

二、代码解释

foo函数是async函数,内部使用await语法,获取p状态变为成功时携带的数据,foo函数有return值,返回一个promise对象,所以p2是一个promise对象,通过p2.then可以获得foo函数的返回值

let p = new Promise((resolve, reject) => {
  setTimeout(function () {
    resolve("promise success");
  }, 1000);
});

async function foo() {
  let data = await p;
  console.log(data); // "promise success"
  return "async-await success";
}

let p2 = foo();
p2.then(function (res) {
  console.log(res); // async-await success
});

你可能感兴趣的:(JavaScript,javascript,前端,html,css)