No me quedó claro por qué .objeto se añade a vaca al llamar la imagen, cuando se pone vaca.objeto = new Image(); Alguien me explica? Esta...

Gracias por la explicación Luis y Felix! Ya me queda claro. AnthonySQC, en el minuto 23 Freddy lo muestra

¡Hola!

Primero, recuerda que vaca es un objeto, que poniéndole en palabras sencillas, es una tipo de variable que puede contener otras variables dentro de sí misma, las cuales también contienen su nombre (key) y su valor (value)

var vaca = {
	url: 'vaca.png',
	cargaOk: false
}

Como puedes ver, la variable vaca, dentro de sí misma tiene ahora otras dos variables (atributos), donde cada una tiene su llave y su valor.

Ahora, pasemos a lo siguiente. En JavaScript cuando haces

Cuando tú usas la sentencia de

Entonces ahora vaca vale:

var vaca = {
	url: 'vaca.png',
	cargaOk: false,
	// img tiene muchos atributos
	objeto: img
}

Luego lo que haces es acceder a esos atributos y asignarles un valor con

var vaca = {
	url: 'vaca.png',
	cargaOk: false,
	// img tiene muchos atributos
	objeto: {
		src: 'vaca.png',
		// muchas propiedades mes
	}
}

Espero que esto ayude a que te quede más claro :D

Teniendo

1. Se ejecuta

   new Image()
   y se convierte en un nuevo objeto Image

2. Ese objeto se guarda en

   vaca.objeto
   , es decir, la propiedad
   objeto
   que está dentro del objeto
   vaca
   , osea que tendrías un objeto dentro de otro

Eso es porque si pones vaca.objeto, estás haciendo referencia a algo que ya está dentro de vaca, objeto ya está dentro de vaca, lo que haces es guardar una Image dentro

¿Podrías indicar en que momento de la clase muestran esa parte?