async

async函数

  • 关键字
    async await
  • async

1.async函数返回一个 Promise 对象,可以使用then方法添加回调函数。当函数执行的时候,一旦遇到await就会先返回,等到异步操作完成,再接着执行函数体内后面的语句。
2.用来定义一个返回 AsyncFunction 对象的异步函数。异步函数是指通过事件循环异步执行的函数,它会通过一个隐式的 Promise 返回其结果。

  • 使用await关键字后

1.一个 Promise对象 被传递给一个 await 操作符,await 将等待 Promise 正常处理完成并返回其处理结果
2.await 表达式会暂停当前 async function 的执行,等待 Promise 处理完成。若 Promise 正常处理(fulfilled),其回调的resolve函数参数作为 await 表达式的值,继续执行 async function。
3.await必须在async声明的函数内部使用,否则会报错
4.如果不加await关键字返回的的是一个处理的promise对象,这里是async函数返回的promise对象和await没有关系,//这里是自己的理解

  • await 将等待 Promise 正常处理完成并返回其处理结果案例
async function log(){
var data=await getapi();
console.log(data);//这里使用await之后返回的结果是Promise 正常处理完成并返回其处理结果: 在代码下方 


}

async function getapi() {
      var data = $.ajax({//使用的是jQuery ajax
        url: 'https://api.apiopen.top/developerLogin',//此处是ajax请求地址
        type: "post",//请求方法
        data: {//发送的请求的数据        
          name: 411524,
          passwd: 411524
        },
        
      })
     
      return data;
    }

这是加await返回的结果
这是加await返回的结果alt
**这是不加await返回的结果,async函数会返回一个promise对象 **

  • 任何一个await语句后面的promise对象出现reject状态,那么整个async函数都会中断执行
async function f() {
  await Promise.reject('出错了');
  await Promise.resolve('hello world'); // 不会执行
}

jQuery中的ajax封装的时候已经加上了promise对象,所以不用再次使用promise对象包裹

$.ajax({
      url: 'http://59.110.138.169/admin/login/doLogin',
      dataType: 'json',
      type: 'post',
      data: {
        username: 2222222,
        password: 1111111,
        yan: 222222,
      }
    })
//相当于
new Promise((res, rej) => {
      $.ajax({
        url: 'http://59.110.138.169/admin/login/doLogin',
        dataType: 'json',
        type: 'post',
        data: {
          username: 2222222,
          password: 1111111,
          yan: 222222,
        },
        success(resq) {
          res();
        },
        faile(resq) {
          rej(resq);
        }
      })
    })
原文地址:https://www.cnblogs.com/shiazhen/p/11871969.html