A raíz de unos videos que he visto he estado buscando información sobre los prototipos de JavaScript, y la verdad es que no me queda nada claro cuando y porque deben utilizarse

Mi duda es:

¿Cuál sería a nivel de funcionalidad, recomendación, etc. la diferencia entre estos dos códigos? ¿Cuándo se justifica el uso de prototipos y por qué? 

Sin prototipo:
```
var Mascota = function(nombre, edad){
  this.nombre = nombre;
  this.edad = edad;
  
  this.ladrar = function() {
    texto = "Woof! Me llamo " + this.nombre;
    return texto;
  }
}
var nuevaMascota = new Mascota("Nombre", 2);
alert(nuevaMascota.ladrar());
```

Con prototipo:
```
var Mascota = function(nombre, edad){
  this.nombre = nombre;
  this.edad = edad;
}
Mascota.prototype.ladrar = function(){
   texto = "Woof! Me llamo " + this.nombre;
   return texto;
}
var nuevaMascota = new Mascota("Nombre", 2);
alert(nuevaMascota.ladrar());
```

Ambos códigos generan el mismo resultado visual, un alert con el texto: *Woof! Me llamo Nombre*

Gracias