Laboratorio de programación en JavaScript | Ejercicios prácticos

Introducción

En este laboratorio, exploraremos conceptos y técnicas de programación en JavaScript a través de una serie de ejercicios prácticos. El laboratorio está diseñado para ayudarte a adquirir una comprensión más profunda de JavaScript y mejorar tus habilidades de programación mediante la práctica en escenarios del mundo real. Trabajarás en tareas como crear funciones, trabajar con matrices (arrays) y objetos, y manipular el DOM para crear páginas web dinámicas. Al final de este laboratorio, tendrás una base sólida en programación JavaScript y podrás aplicar tus conocimientos para construir aplicaciones más complejas.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/cond_stmts("Conditional Statements") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") subgraph Lab Skills javascript/variables -.-> lab-28593{{"Ejercicios prácticos de JavaScript"}} javascript/data_types -.-> lab-28593{{"Ejercicios prácticos de JavaScript"}} javascript/arith_ops -.-> lab-28593{{"Ejercicios prácticos de JavaScript"}} javascript/comp_ops -.-> lab-28593{{"Ejercicios prácticos de JavaScript"}} javascript/cond_stmts -.-> lab-28593{{"Ejercicios prácticos de JavaScript"}} javascript/loops -.-> lab-28593{{"Ejercicios prácticos de JavaScript"}} end

Práctica de código con el Generador de repetición

Para practicar la codificación, abre la Terminal/SSH y escribe node para crear un generador que repita el valor dado indefinidamente. Utiliza un bucle while sin finalización que yield (proporcione) un valor cada vez que se llame a Generator.prototype.next(). Luego, utiliza el valor de retorno de la declaración yield para actualizar el valor devuelto si el valor pasado no es undefined.

const repeatGenerator = function* (val) {
  let v = val;
  while (true) {
    let newV = yield v;
    if (newV !== undefined) v = newV;
  }
};

Para probar el generador, crea una instancia de él utilizando el valor 5 y llama a repeater.next() para obtener el siguiente valor de la secuencia. La salida será { value: 5, done: false }. Llamar a repeater.next() de nuevo devolverá el mismo valor. Para cambiar el valor, llama a repeater.next(4), lo que devolverá { value: 4, done: false }. Finalmente, llamar a repeater.next() devolverá el valor actualizado, { value: 4, done: false }.

Resumen

¡Felicidades! Has completado el laboratorio del Generador de repetición. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.