Soy bastante nuevo en el mundo del software, pero he leído y experimentado eso cuando tienes un objeto como:
const obj1 = {key1: "val1", key2: "val2"}; // and then do this => const obj2 = obj1; // obj2 isn't a new object but a reference to object 1 // which you can demonstrate with console.log(obj1); obj2.key1 = "value3"; console.log(obj1); // now key1 of object 1 has changedPero me pregunto qué sucede en la siguiente situación.
const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); function getUrlParams(_urlParams) { let retObj = new Object(); _urlParams.forEach(function(value, key) { retObj[key] = value; }); return retObj; } const urlArgs = getUrlParams(urlParams);Realmente no pude encontrar una manera de probar si urlArgs ahora es una referencia a retObj o no. Dudo que sea porque retObj se definió dentro de la función y ya no debería existir cuando se realiza la función. Pero con lo que sé de javascript no estoy muy seguro.
Después de leer algunos comentarios, ¿hay alguna manera de probar si
urlArgs === retObj; // If urlArgs and retObj are both referencing the same object?Hay algunos conocimientos básicos que te faltan, cómo funcionan las referencias.
dos objetos
Por ejemplo: console.log({ age: 42 } === { age: 42}); => devuelve false .
Tenga en cuenta que para comparar referencias de objetos debe usar === .
Los dos objetos tienen los mismos valores pero no son el mismo objeto en la memoria. En su ejemplo, está haciendo frente a todas las propiedades de urlParams , ambos objetos "se verán" iguales, pero no estarán exactamente en la misma ubicación en la memoria.
Ejemplo del mismo objeto:
const person1 = { age: 42 }; // Creating a new object in memory, and pointing "person1" to it const person2 = person1; // creating another point to the same object. console.log(person1 === person3); // ==> returns true Se puede ver, al crear un objeto como este: const person1 = { age: 42}; hace 2 cosas, crear un objeto y una referencia a él. en la siguiente línea const person2 = person1; solo se crea una nueva referencia a la misma ubicación de memoria.
Por eso, al cambiar la age de una de las referencias se verá reflejado en la otra referencia (misma memoria)
primitivos
Otra cosa importante a entender es que las primitivas (números, booleanos, cadenas, símbolos y bigint) no son referencias.
const a = 42; const b = a; // this is a COPY, not a referenceLiberando la memoria
En Javascript, todas sus variables están "vivas" (en la memoria) siempre que haya una referencia a ellas. cuando define una variable en una función, esta variable está "viva" en el ámbito de la función. después de que se realiza la ejecución de esta función, se libera la variable.
En resumen, cuando desaparecen todas las referencias, la memoria se libera automáticamente. (esto se llama recolección de basura).
En este escenario, retObj es más clase, ya que es una fábrica de creación de objetos. Cada vez que pasa parámetros, está creando un objeto completamente diferente con su fábrica retObj y, una vez que la función se ejecuta, retObj se elimina de la memoria.
Si movió retObj fuera de la función getUrlParams así
const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); let retObj = new Object(); function getUrlParams(_urlParams) { _urlParams.forEach(function(value, key) { retObj[key] = value; }); return retObj; } const urlArgs = getUrlParams(urlParams);luego podría jugar con él, pero en este punto estaría en el nivel global y cualquier cambio en los datos se propagaría hacia arriba o hacia abajo, ya que retObj tendría un espacio dedicado en la memoria, lo que haría de urlArg una referencia a retObj.