Diagramas VV

Instrucciones

Dibuja el estado del diagrama de variables y valores para cada momento indicado por el ejercicio. Añade una imagen del diagrama al documento. El diagrama deberá contener únicamente las variables y valores que permanecen en la memoria. Luego contesta las preguntas dejando marcado (checked) el radio button o el/los checkboxes correspondientes.

Ejercicios

Ejercicio 1

Analiza el siguiente código y dibuja el diagrama VV al terminar de ejecutarse

  const juan = {
    nombre: "Juan",
    edad: 25,
    residencia: {
    direccion: "Loma Hermosa 240",
      ciudad: "Lima",
      pais: "Peru",
    },
  };
  const sandra = {
    nombre: "Sandra",
    edad: 25,
    residencia: {
      direccion: "Loma Hermosa 240",
      ciudad: "Lima",
      pais: "Peru",
    },
  };

        

Ejercicio 2

Analiza el siguiente código y dibuja el diagrama VV al terminar de ejecutarse

  const objeto1 = {};
  const objeto2 = { b: 5 };
  const objeto3 = { a: 10 };
  
  objeto1.a = objeto3.a;
  objeto2.a = objeto1.a + 5;
  objeto3.b = objeto1.b;
  objeto1.b = 10;

        

Ejercicio 3

Analiza el siguiente código y dibuja un diagrama VV para cada uno de los momentos indicados. Recuerda que una función es un valor representado por el símbolo `( )`. No es necesario escribir el contenido de la función en el diagrama.

  function agregar(arreglo, valor) {
    return arreglo.push(valor);
  }
            
  const frutas = ["pera", "manzana"];
            
  const resultado = agregar(frutas, "durazno");
            
  // Punto A: dibuja el diagrama en este punto
            
  const copia = frutas;
            
  agregar(copia, "platano");
            
  // Punto B: dibuja el diagrama en este punto

        

Ejercicio 4

Analiza el siguiente código y dibuja un diagrama VV al finalizar la ejecución. Recuerda que una función es un valor representado por el símbolo `( )`. No es necesario escribir el contenido de la función en el diagrama.

  function Persona(nombre) {
    this.nombre = nombre;
  }
  
  Persona.prototype.presentarse = function () {
    return `Hola, mi nombre es ${this.nombre}`;
  };
  
  function Mago(nombre, casa) {
    Persona.call(this, nombre);
    this.casa = casa;
  }
  
  Mago.prototype = Object.create(Persona.prototype);
  Mago.prototype.constructor = Mago;
  
  Mago.prototype.invocarHechizo = function () {
    return `${this.nombre} invoca un hechizo`;
  };
  
  const petunia = new Persona("Petunia");
  const harry = new Mago("Harry", "Gryffindor");         

        

Re-escribe el código usando la sintaxis de Clases de JavaScript

  class Persona {
    constructor(nombre){
      this.nombre = nombre;
    }
    presentarse(){
      return `Hola, mi nombre es ${this.nombre}`;
    }
  }
  
  class Mago extends Persona {
    constructor(nombre,casa){
      super(nombre);
      this.casa = casa;
    }
    invocarHechizo(){
      return `${this.nombre} invoca un hechizo`;
    }
  }

  const petunia = new Persona("Petunia");
  const harry = new Mago("Harry", "Gryffindor");