Puntos de prueba de preguntas de la entrevista de promesa

Preguntas de la entrevista y puntos de prueba

Conceptos básicos de Promesa

imagen-20210618161125894

Reglas de llamadas en cadena

imagen-20210621103501094

El método then debe devolver una nueva Promesa.

puede entenderse como后续处理也是一个任务
El estado de la nueva tarea depende del procesamiento posterior:
- Si no hay ningún procesamiento posterior relevante, el estado de la nueva tarea es el mismo que el de la tarea anterior y los datos son los datos de la tarea anterior.
- Si hay un procesamiento posterior pero aún no se ha ejecutado, se suspende la nueva tarea.
- Si se ejecuta un procesamiento posterior, el estado de la nueva tarea se determinará en función del procesamiento posterior.
  - El procesamiento posterior se ejecuta sin errores, el estado de la nueva tarea se completa y los datos son el valor de retorno del procesamiento posterior.
  - Hay un error en la ejecución del procesamiento posterior, el estado de la nueva tarea falla y los datos son un objeto de excepción.
  - Lo que se devuelve después de la ejecución posterior es un objeto de tarea, y el estado y los datos de la nueva tarea son consistentes con el objeto de tarea.

Promesa de métodos estáticos

nombre del método	significado
Promesa.resolver(datos)	Devuelve directamente una tarea completada
Promesa.rechazada(razón)	Devolver directamente una tarea con estado rechazado
Promise.all (matriz de tareas)	Devuelve una matriz de tareas. Si todas las tareas tienen éxito, tendrá éxito. Si alguna falla, fallará.
Promesa.cualquiera (matriz de tareas)	Devuelve una matriz de tareas. Si alguna tarea tiene éxito, tendrá éxito. Si todas las tareas fallan, fallará.
Promise.allSettled (matriz de tareas)	Devuelve una matriz de tareas. Si todas las tareas se resuelven correctamente, la tarea no fallará.
Promise.race (matriz de tareas)	Devuelve una matriz de tareas. Si se ha decidido alguna tarea, el estado es coherente con ella.

asíncrono y espera

Con Promise, las tareas asincrónicas tienen una forma unificada de manejarlas.

Con un método de procesamiento unificado, los funcionarios de ES pueden optimizarlo aún más.

ES7 introduce dos palabras clave asyncy awaitexpresa la promesa de manera más elegante

asíncrono

La palabra clave async se utiliza para modificar funciones y la función modificada por ella debe devolver Promise.

async function method1(){
    
    
  return 1; // 该函数的返回值是Promise完成后的数据
}

method1(); // Promise { 1 }

async function method2(){
    
    
  return Promise.resolve(1); // 若返回的是Promise，则method得到的Promise状态和其一致
}

method2(); // Promise { 1 }

async function method3(){
    
    
  throw new Error(1); // 若执行过程报错，则任务是rejected
}

method3(); // Promise { <rejected> Error(1) }

esperar

awaitLa palabra clave significa esperar a que se complete una determinada Promesa, debe usarse asyncen la función

async function method(){
    
    
  const n = await Promise.resolve(1);
  console.log(n); // 1
}

// 上面的函数等同于
function method(){
    
    
  return new Promise((resolve, reject)=>{
    
    
    Promise.resolve(1).then(n=>{
    
    
      console.log(n);
      resolve(1)
    })
  })
}

awaitTambién puedes esperar otros datos.

async function method(){
    
    
  const n = await 1; // 等同于 await Promise.resolve(1)
}

Si necesita manejar tareas fallidas, puede usar try-catchla sintaxis

async function method(){
    
    
  try{
    
    
    const n = await Promise.reject(123); // 这句代码将抛出异常
    console.log('成功', n)
  }
  catch(err){
    
    
    console.log('失败', err)
  }
}

method(); // 输出： 失败 123

bucle de eventos

Según lo que he aprendido hasta ahora, las funciones que ingresan a la cola de eventos son las siguientes:

setTimeoutdevolución de llamada, tarea macro
setIntervaldevolución de llamada, tarea macro
Devolución de llamada de función de promesa then, microtarea (microtarea)
requestAnimationFramedevolución de llamada, tarea macro
Función de manejo de eventos, tarea macro