Referencias a objetos

Antes de seguir con el juego de dados, veamos en la práctica una característica importante de los objetos.

let firstCat = {
  name: 'Cupcake',
  age: 5
};

let secondCat = firstCat;
console.log(secondCat); // Muestra: {name:"Cupcake", age:5}

firstCat.name = 'Copito';
console.log(secondCat); // Muestra: {name:"Copito", age:5}

No tocamos secondCat, pero al mostrarlo aparece el cambio que hicimos mediante firstCat. ¿Cómo es posible? ¿Eso está permitido?

En JavaScript, sí. Solo hay un objeto: la asignación no crea una copia. Cada variable guarda una referencia al mismo objeto. Si lo modificamos a través de una variable, el cambio también se ve a través de las demás, aunque sean veinte o cuarenta. Al pasar un objeto a una función también se copia esa referencia, no el objeto. Es una característica importante que debemos recordar.

En nuestro programa sucede lo mismo. Creamos el arreglo cats con los objetos de los participantes y lo pasamos a runGame. Dentro de la función lo usamos con otro nombre, players, y modificamos los objetos que contiene. Si mostramos cats al terminar la función, veremos los cambios aunque no hayamos devuelto nada y parezca que trabajamos con otro arreglo.

Este comportamiento puede hacer que el programa sea menos evidente, sobre todo si luego queremos usar el arreglo modificado en otro lugar. Conviene escribir código fácil de seguir. Por eso devolveremos players y asignaremos el resultado a cats para hacer explícito el flujo de datos. Esta asignación no crea una copia: ambas variables siguen apuntando al mismo arreglo.