Playground: Crea una función de delay que soporte asincronismo

Clase 12 de 26 • Curso de Asincronismo con JavaScript

Kevin Esteban Rincon Novoa

student•

Dejó el código abajo para el que lo necesite, intenta resolverlo primero antes de verlo

** * * * * * * * * * *

export function delay(time, message) {
   return new Promise((resolve, reject) =>{
       window.setTimeout(() =>{
        resolve (message);
       }, time);
       
    });
}

Cesar Perez

student•

Gracias, aun no tenia claro la sintaxis de las promesas asi que tu ejemplo me ayudo mucho

Manuel Araujo

student•

Siempre que uso window. en cualquier ejercicio, me aparece en la consola de VSCode window is not defined

Juan Camilo Urbano Gómez

student•

Hola, Yo incluí una pequeña verificación de que el tiempo recibido no sea negativo ;) ** * * * * * * * * * *

export function delay(time, message) {
  const pro = new Promise(function (resolve, reject) {
    if (time >= 0) {
      window.setTimeout(() => {
        resolve(message)
      }, time)
    } else {
      reject("Time cannot be negative")
    }
  })
  return pro
}

Nicolas Molina

teacher•

wow esa es una gran validación la asegurar que sea un número positivo

Nestor Rios Garcia

student•

Gran gestión para posibles errores.

Diego Rene Casallas Diaz

student•

Fue complejo entender que la dentro del setime out iba una funcion que contenia el rejected y no el llamado al rejected. Mi solucion:

export function delay(time, message) {
    return new Promise((resuelve, rechaza) => {
      if (true) {
        window.setTimeout(() => resuelve(message), time)
	/*así no: window.setTimeout(resuelve(message), time)*/
      }
    })
  }

Luis Tapia

student•

En este caso el if (true) sobra porque siempre será cierto. Sin ese condicional puede funcionar igual de bien. Generalmente se usa para comprobar si algún dato de la aplicación cumple ciertos parámetros en el momento que llamas la función, cuando no tienes la certeza de que siempre será así. . Saludos ;)

Hernan Camilo Jimenez Garcia

student•

Estos ejercicios me parecen extraños porque en una clase se ve algo y el siguiente ejercicio hay que resolverlo con algo que no se ha visto. Siendo muy jr en JS no se me habría ocurrido la respuesta ni en un año

Huilén Solís

student•

A mi me solia suceder. Si no lograba solucionarlo era por que los conceptos no quedaban lo suficientemente asentados. Para solucionar eso, me di cuenta que las clases de platzi no bastaban. Siempre mira el mismo tema de la clase en youtube o en cualquier web en la que te lo expliquen de una mejor manera, en el caso de que no entiendas. Por ejem con este profr yo no entendi nada, pero luego de un par de tutoriales y leyendo la documentacion logre entenderlo mejor.

Luis Otoniel Diaz Calleja

student•

Es lo único malo, sin embargo, considero que en parte es bueno ya que te obliga a consultar otras fuentes y a ejercitar tu lógica en el lenguaje

Genoveva Flores

student•

No me carga el playground... :( Asi lo veo en mi navegador..

marco antonio

student•

No entiendo la consola de ejercicios me marca error y me saca como se lo hice en Firefox

function funcionTiempo(tiempo, msn){
  
return new Promise((resolve, reject) => {
    if (tiempo == 2000) setTimeout(resolve,tiempo,msn);
    else reject('__ERROR__');});};


const fTiempo = funcionTiempo(2000, 'mensaje');

fTiempo.then(resultado =>{
  console.log(resultado);}).catch( error => {
  					console.log(error);});

Elcira Ibarra

student•

Agregale el objeto window al setTimeout

window.setTimeout()

marco antonio

student•

@Elcira_Arg lo hice pero no funciona

Luis Antonio Márquez Castro

student•

Se me queda siempre en “Corriendo pruebas”, a alguien mas le pasa?

David Arias Fuentes

student•

Hola Luis, si al parecer se queda “Corriendo pruebas” pero si le das nuevamente al botón de “Correr Pruebas” te da el resultado. Feliz día!

Nicolas Molina

teacher•

Hola, esto ya esta corregido!

Fabian David Correa Garcia

student•

Hola Team Platzi, se que están en versión de pruebas, pero mi solución es la misma pero diferente método así como las hemos utilizado en los cursos, pero la desarrollo y me sale error. por que hay que utilizar arrow function debería recibir varias soluciones, Gracias Team, nunca parar de aprender 😃 * *

No pongo el código visible para que lo intenten solucionar

export function delay(time, message) {
  return Promise(function (resolve, reject) {
    window.setTimeout(() => {
      resolve(message)
    }, time)
  })
}

Carlos Rubén Díaz Gutiérrez

student•

Te marca error porque te falta la palabra new antes Promise, además, declaras reject pero nunca lo usas.

Porfirio González López

student•

Odio estos ejercicios, no sé si aún no hago suficientes ejercicios o no comprendo las instrucciones : (

Sergio Andrés Bolaños Penagos

student•

La frustración es normal en este mundo, no te preocupes, tomalo como aprendizaje y continua! Yo ya he trabajado durante 1 año y aún así fallé en algún que otro Playground

Pol Valle

student•

Amigo, la programación es incertidumbre constante, a medida que la tecnología avance vas a sentir esa sensación constantemente, así que es normal que te sientas así

Ricardo Ayala Montes

student•

Aúnque en VS Code sale bien aqui confunde, pero solo es poner la function sin implementar

. . . . . . . .

export function delay(time, message) {
  // Tu código aquí 👈
  return new Promise(function (resolve, reject) {
    if (message != null || time < 0) {
      window.setTimeout(() => {
        resolve(message);
      }, time);
    } else {
      reject("no variables");
    }
  });
}

Rocio Pilar Vila Gonzales

student•

Creo que exageré con el código.

Israel Medina Arroyave

student•

export function delay(time, message) {
  return new Promise((resolve, reject) => {
    window.setTimeout(() => {
      resolve(message);
      reject("Ocurrió algo malo")
    }, time)
  })
  
}

Jonathan Maximiliano Jara

student•

no entiendo porque no me deja correr el codigo pero este es mi respuesta, validando si esta tomando mucho tiempo o si elije un valor imposible.

export function delay(time, message) {
  const timeMessage = new Promise(function (resolve, reject) {
    if (time >= 0 && time <= 99999) {
      window.setTimeout(() => {
        resolve(message)
      }, time)
    } else if (time > 99999) {
      reject("no tengo todo el dia, baja el tiempo")
    } else {
      reject("al pasado no puedo volver, intenta denuevo")
    }
  })
  return timeMessage
}

Jhon Pulido

student•

Application error: a client-side exception has occurred (see the browser console for more information).
por que sale esto? en la pantalla de platzi

Ismael Olguin Nevárez

student•

también tengo ese error, esperemos nos respondan

Daniel Alberto Cifuentes Castro

student•

X3. También tengo ese error!

Luis Tapia

student•

¿Por qué cuando declaro tanto el parámetro resolve y reject (tal como lo escribí abajo) no paso todas las pruebas, mientras cuando sólo pongo el que se usa (resolve) sí?

export function delay(time, message) {
  return new Promise((resolve, reject) => {
    window.setTimeout(() => {
      resolve(message);
    }, time);
  });
}

Fernando Orozco Velasquez

student•

Que extraño, acabo de correr tu código en la página y si me pasa todas las pruebas 🤔

Carlos Rubén Díaz Gutiérrez

student•

Me pasó lo mismo. Quiero creer que es porque no lo estás utilizando,

Esteban Maruri

student•

yo le doy en correr pruebas pero es equivalente a usar la vista? alguna diferencia?

Charles Castillo Rosas

student•

si al parecer es equivalente

Ángela Sofía Osorio García

student•

Mi solución.

💚 . . . . .

. . . . .

export function delay(time, message) {
  return new Promise((resolve, reject) => {
    if (Promise) {
      window.setTimeout(() => {
        resolve(message);
      }, time)
    } else {
      reject('No se puede completar')
    }
  })
}

Juan Camilo Sandoval Hernandez

student•

Mi solución: . . . . . . . . . . . . . . . . . . . .

export function delay(time, message) {
  // Tu código aquí 👈
  return new Promise((resolve, reject) => {
    if (time, message) {
      window.setTimeout(() => {
        resolve(message);
      }, time);
    } else {
      reject('The parameters are not met')
    }
  });
}

Gonzalo Gutiérrez Castillo

student•

Mi solución en 3 lineas de código: . . . . .

function delay(time, message) {
  return new Promise((resolve, reject) => {
    window.setTimeout(()=>resolve(message),time)
  })
}

Nestor Rios Garcia

student•

Yo lo hice en 7:

function delay(time, message){
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(message)
        }, time)
    })
}

bromi.

Sharon Gizela Arana Mendoza

student•

export function delay(time, message) {
  const pro = new Promise(function (resolve, reject) {
    if (time >= 0) {
      window.setTimeout(() => {
        resolve(message)
      }, time)
    } else {
      reject("Time cannot be negative")
    }
  })
  return pro
}

export function delay(time, message) {
    return new Promise((resuelve, rechaza) => {
      if (true) {
        window.setTimeout(() => resuelve(message), time)
	/*así no: window.setTimeout(resuelve(message), time)*/
      }
    })
  }

function funcionTiempo(tiempo, msn){
  
return new Promise((resolve, reject) => {
    if (tiempo == 2000) setTimeout(resolve,tiempo,msn);
    else reject('__ERROR__');});};


const fTiempo = funcionTiempo(2000, 'mensaje');

fTiempo.then(resultado =>{
  console.log(resultado);}).catch( error => {
  					console.log(error);});

export function delay(time, message) {
  // Tu código aquí 👈
  return new Promise(function (resolve, reject) {
    if (message != null || time < 0) {
      window.setTimeout(() => {
        resolve(message);
      }, time);
    } else {
      reject("no variables");
    }
  });
}

export function delay(time, message) {
  const timeMessage = new Promise(function (resolve, reject) {
    if (time >= 0 && time <= 99999) {
      window.setTimeout(() => {
        resolve(message)
      }, time)
    } else if (time > 99999) {
      reject("no tengo todo el dia, baja el tiempo")
    } else {
      reject("al pasado no puedo volver, intenta denuevo")
    }
  })
  return timeMessage
}

export function delay(time, message) {
  return new Promise((resolve, reject) => {
    if (Promise) {
      window.setTimeout(() => {
        resolve(message);
      }, time)
    } else {
      reject('No se puede completar')
    }
  })
}

export function delay(time, message) {
  // Tu código aquí 👈
  return new Promise((resolve, reject) => {
    if (time, message) {
      window.setTimeout(() => {
        resolve(message);
      }, time);
    } else {
      reject('The parameters are not met')
    }
  });
}

Playground: Crea una función de delay que soporte asincronismo

Introducción

Lo que aprenderás en este curso

Qué es el asincronismo

Event Loop

Iniciando a programar con JavaScript

Callbacks

Configuración

Qué son los Callbacks

Playground: Ejecuta un callback con 2s de demora

XMLHTTPRequest

Fetch data

Callback hell

Promesas

Qué son las promesas

Playground: Crea una función de delay que soporte asincronismo

Fetch

Fetch POST

Async Await

Funciones asíncronas

Try and catch

Playground: Captura el error de una petición

¿Cómo enfrentar los errores?

Generadores

Generators

Proyecto CV

Proyecto del curso

Consumiendo API

Desplegando el proyecto

Playground: Crea una utilidad para hacer peticiones

Nunca pares de crear

Conclusión

¿Qué camino tomar para seguir aprendiendo?

Autoevaluación de Proyecto: Creación de Landing Page