En JavaScript no se puede forzar el paso de una variable por referencia como en otros lenguajes, pero algunos tipos de datos se pasan por defecto como referencia, estos son los objetos
y los arreglos
.
Es importante entender esto, ya que si no entiendes bien cuales tipos de datos se pasan por valor y cuales por referencia, puedes generar errores de sobre escritura no deseados en el contenido de las variables cuando se trata de estos tipos de elementos.
Veamos algunos ejemplos sobrescribiendo los datos:
// Asignación con objetos
let person_1 = {
name: "César",
age: 25
}
let person_2 = person_1
person_2.name = 'Tutancamon'
person_2.age = 69
console.log("person 1", person_1)
console.log("person 2", person_2)
// Asignación con variables
let a = 20
let b = a
b = 500
console.log("a => ", a)
console.log("b => ", b)
// Asignación con array
let array_a = [10]
let array_b = array_a
array_b.push(999)
console.log("array_a => ", array_a)
console.log("array_b => ", array_b)
// Retorno de objeto desde función
function getMascot(){
return {
name: "Halsey",
type: "Dog"
}
}
let function_a = getMascot()
let function_b = getMascot()
function_b.name = "HolandaTerricolein"
console.log("from function_a => ", function_a)
console.log("from function_b => ", function_b)
WOW! Pero... ¿Qué pasó acá?
Lo que comentaba al principio, los objetos y arreglos al pasarse por referencia, si se modifican en la copia, igual se modificarán en el elemento original, mientras que las variables de tipos más "simples" como int, string, boolean u otras se pasarán por valor.
Hay un detalle importante y es que, cuando devolvemos uno de estos tipos de objetos que se pasan por referencia como retorno de una función, realmente obtendremos una copia por valor y no referencia, como se aprecia en el ejemplo superior.
Para finalizar, si algún día necesitas duplicar un objeto o array por valor no es necesario crear una función para retornar el valor, puedes utilizar el operador ...
como en el siguiente ejemplo:
let person_1 = {
name: "César",
age: 25
}
let person_2 = {... person_1}
person_2.name = 'Tutancamon'
person_2.age = 69
console.log("person 1", person_1)
console.log("person 2", person_2)
Entendiendo todo esto, creo que ya tienes la herramientas para solventar tu duda.