Explicación detallada de async y await

1. Concepto

Async es la abreviatura de asincrónico, que significa solicitud asincrónica, porque la gramática estipula que await solo puede aparecer en async, await puede entenderse simplemente como la abreviatura de async wait, es decir, async se usa para declarar que una función es asincrónico y await es esperar a que esto se ejecute. El método asincrónico

2. función asíncrona

La función asíncrona devolverá un objeto de promesa. Si se devuelve un valor directo directamente en la función, async encapsulará el valor directo en un objeto de promesa a través de promet.resolve, consulte el código

 async function test() {
        return "test"
    }
    let res = test()
    console.log(res);

El resultado es este

 Entonces puede usarse con el método then.

  async function test() {
        return "test"
    }
   test().then(res=>{
    console.log(res);
   })

resultado

3. El papel de la espera

await es un operador utilizado para formar una expresión. El resultado de la operación depende del resultado de la operación que está esperando. Si está esperando un objeto de promesa, obtendrá el valor de resolución en la promesa como resultado de su operación.

 

 Utilice async y espere en su lugar como se muestra a continuación

 4. Ventajas de async y await

Se puede ver en los ejemplos anteriores que los resultados de async, await y luego para llamadas asincrónicas no son significativamente diferentes, e incluso hay algunos códigos más entre async y await, lo que parece un poco incorrecto.

La ventaja de async y await es que maneja múltiples llamadas de cadena de promesas, y una sola promesa no puede reflejar sus ventajas. Imagínese, si uno tiene varios pasos y la llamada de cada paso depende del resultado del paso anterior, sabemos que podemos usar el método then para realizar llamadas en cadena continuamente para resolver el problema del infierno de devolución de llamada, luego async y await optimizan esta llamada en cadena.

 

¿Se siente más claro?

Supongo que te gusta

Origin blog.csdn.net/qq_45662523/article/details/126683975
Recomendado
Clasificación