JSFiddle - React, Tailwind, and code Playground

by Chelo Quilón

JavaScript

/*Paso inicial para explicar asincronía*/
// - Vamos a explicar la asincronía usando setTimeout.
/*
setTimeout(console.log("Función 1"),2000);
setTimeout(console.log("Función 2"),2000);
setTimeout(console.log("Función 3"),2000);*/

/*Siguiente paso*/
//let f1 = () => setTimeout(console.log("Función 1"),2000);

/*Siguiente paso*/
//let f1 = (v) => setTimeout(console.log("Función 1",v),2000); 
// f1("Parametros para función 1");

/*Siguiente paso*/
/*let f1 = (v,callback) => setTimeout(() => { 
		console.log("Función 1",v);
  	callback?callback():null;
  },2000); 
// f1("Parametros para función 1");

/*Paso final para explicar asincronía y el infierno de callbacks*/
/*
let f1 = (v,callback) => {
	setTimeout(()=>
  	{
    	console.log("Función 1",v);
      let res = "Resultado función 1";
      callback?callback(res):null;
    },2000);
 
  };
let f2 = (v,res,callback) => {
	setTimeout(()=>
  	{
    	console.log("Función 2, llamada con el resultado de la f1",res, v);
      callback?callback():null;
    },500);
 
  };
let f3 = (v,callback) => {
	setTimeout(()=>
  	{
    	console.log("Función 3",v);
      callback?callback():null;
    },800);
 
  };

// Llamadas
f1("Texto 1", (res) => {
		console.log("fin función 1 con resultado: ",res);
    f2("Texto 2", res, () => {
    	console.log("fin función 2");
      f3("Texto 3",() => {
      	console.log("fin función 3");
      });
    });
  });
*/