From 6996e6e8092a20e395e32efb2c8a3c2f7fc066f0 Mon Sep 17 00:00:00 2001 From: Fernando Dodino Date: Wed, 25 Sep 2024 17:52:53 -0300 Subject: [PATCH] add new example --- README.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/README.md b/README.md index 85aa37f..409d2dc 100644 --- a/README.md +++ b/README.md @@ -347,6 +347,24 @@ Promise {: undefined} - [Javascript Visualizer 9000](https://www.jsv9000.app/), donde podés ver cómo funciona el call stack, el event loop y la cola de ejecución de procesos. Por ejemplo este [test básico](https://www.jsv9000.app/?code=ZnVuY3Rpb24gcHJ1ZWJhKCkgewogIGNvbnNvbGUubG9nKCIxIikKICBjb25zb2xlLmxvZygiMiIpCiAgLy8gc2V0VGltZW91dChmdW5jdGlvbigpIHsgY29uc29sZS5sb2coIjIiKSB9LCAwKQogIGNvbnNvbGUubG9nKCIzIikKfQoKcHJ1ZWJhKCk%3D). +Y para entender cómo la promise pone en la Task Queue las funciones, probemos este otro ejemplo: + +```js +function sumar1(valor) { + console.log(valor) + return valor + 1 +} + +console.log('arranco') +Promise.resolve(1) + .then(sumar1) + .then(sumar1) + .then((valor) => console.log('valor final', valor)) +console.log('termino') +``` + +Ahí vemos cómo el console.log que escribe "termino" en realidad es solo la tercera instrucción + Te dejamos en una carpeta especial [varios ejemplos](./ejemplos_visualizer/) para que pruebes.