Skip to content
Search

DEV Community

Cristian Fernando
Cristian Fernando

Posted on

 

Paracetamol.js💊| #208: Explica este código JavaScript

#javascript #webdev #spanish #programming

Explica este código JavaScript

Dificultad: Intermedio 

const one = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("one")
    },5000)
  })
}

const two = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(new Error("Error!"))
    }, 2000)
  })
}

const res = () => {
  return Promise.allSettled([one(), two()])
}

res()
  .then(x => console.log(x))
  .catch(err => console.log(err))
Enter fullscreen mode Exit fullscreen mode
  • A. 
[
  {status: "fulfilled", value: "one"},
  {status: "rejected", reason: "Error!"}
]
Enter fullscreen mode Exit fullscreen mode

(después de 5s)

  • B. 
[
  {status: "fulfilled", value: "one"},
  {status: "fulfilled", value: "two"}
]
Enter fullscreen mode Exit fullscreen mode

(después de 5s)

  • C. Promise { <rejected> }
  • D. Ninguna de las anteriores

Respuesta en el primer comentario.

Top comments (1)

Collapse
 
duxtech profile image
Cristian Fernando •

Respuesta:

  • A. 
[
  {status: "fulfilled", value: "one"},
  {status: "rejected", reason: "Error!"}
]
Enter fullscreen mode Exit fullscreen mode

(después de 5s)

Promise.allSettled siempre regresa un arreglo de obejtos con es estado de las promesas, tanto las que fueron resultas como las que lanzaron un error.

Todas las promesas que fueron satisfactorias tendrán la siguiente estructura:

{status: "fulfilled", value: "el valor de la promesa"}
Enter fullscreen mode Exit fullscreen mode

Donde status: "fulfilled" nos dice que la promesa fue resuelta y value nos regresa su valor (en el ejemplo, one).

Todas las promesas que tuvieron errores, regresan un objeto con las siguiente estuctura:

{status: "rejected", reason: "motivo porque la promesa falló"}
Enter fullscreen mode Exit fullscreen mode

Donde status: "rejected" nos indica que la promesa presento errores y reason nos da la razón del por que la promesa falló, en este caso el mensaje de error de la sentencia reject.

Al evaluarse todas las promesas, el tiempo de duración del ejemplo dura lo que tarda en evaluarse la promesa con más delay, en este caso 5s.

DEV Community

11 Tips That Make You a Better Typescript Programmer

typescript

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!

Read next

jlgjosue profile image

Docusaurus: Create your project documentation simply and efficiently!

Josue Luzardo Gebrim -

shamsulhuda profile image

Error Handling In Javascript

Shamsul huda -

ryansolid profile image

React vs Signals: 10 Years Later

Ryan Carniato -

samuelfaure profile image

How atomic Git commits dramatically increased my productivity - and will increase yours too

Samuel FAURE -