Javascript confusión sobre las variables definidas por referencia vs valor

Question

entiendo la siguiente propiedad del lenguaje javascript:

var bar = 1; 
var foo = bar; 
bar = "something entirely different"; 
// foo is still 1 

Sin embargo, cuando se trata de aplicar esta lógica a un objeto que parece actuar de manera diferente:

var bar = {}; 
bar.prop = 1; 
var foo = bar; 
bar.prop = "something entirely different"; 
// foo.prop now changes to "something entirely different" 
// but... 
bar = "no longer an object"; 
// now foo remains an object with the prop property 

¿Puede alguien decirme qué está pasando y por qué hay una diferencia?

Answer 1

Eso es correcto. Cuando asigna una variable a un objeto, realmente está creando una segunda referencia a ese objeto. En el primer caso, lo que está haciendo es asignar bar para apuntar a la cadena foo puntos, pero entonces cambia a lo que apunta bar al reasignar bar.

En el segundo ejemplo, se asignan bar a un nuevo objeto, a continuación, se señala foo en ese mismo objeto, a continuación, reasigna bar en una cadena. foo sigue apuntando al mismo objeto.

Piense en ello como esto: bar = "something" es cambiando lo bar puntos a, sin cambiar el objeto real {} en una cadena.

This article es una buena explicación de lo que está viendo. Estoy buscando referencias aún mejores/más autorizadas, sin embargo.

Answer 2

En el primer código, define la barra Var como variable.

en el segundo código lo define como un objeto.

Las variables tienen un lugar en la memoria, por lo que cuando se define foo desde la barra, será del mismo tipo que la variable y se reservará una nueva ubicación de memoria; y cuando usa un operador igual, está reemplazando el contenido de datos de esta variable.

El objeto en el segundo código de muestra al inicializar apuntará (como puntero) a una ubicación de memoria que contendrá los datos de este objeto; y cuando defina foo desde la barra, será del mismo tipo que el objeto y apuntará a la misma ubicación de memoria; así que cambiar uno de estos dos valores de objeto de referencia se reflejará en el otro.

Answer 3

Tomemos línea por línea:

var foo = bar; 

Todos los nombres de los objetos que hacer es mantener las direcciones en la memoria. Por lo tanto, en esta declaración, usted está haciendo que foo tenga la misma dirección de memoria que bar. Si, por ejemplo, bar tenía 0xFF, entonces a través de la asignación haría foo también mantener 0xFF.

Sin embargo, tenga en cuenta que bar y foo son dos objetos distintos, por casualidad mantienen la misma dirección en la memoria.

Ahora, ya que tienen la misma dirección en la memoria, mutar miembros de bar también afectará a los miembros de foo porque están vinculados al mismo objeto.

bar.prop = "something entirely different"; // affects foo.prop also 

Sin embargo, aquí está el punto clave a recordar:

Assignment only changes what the name of the object is bound to, and does not affect any other objects.

En otras palabras, la siguiente declaración hecha bar sostienen una dirección de memoria diferente, pero esto no afecta a foo.

bar = "no longer an object"; // Made bar hold a different memory address 

Ahora, explicando la cita:

Javascript is always pass by value, but when a variable refers to an object (including arrays), the "value" is a reference to the object.

Tome este ejemplo:

function f(obj1, obj2) 
{ 
    obj1.prop = 10; 
    obj2 = {prop: 20}; 
} 

var bar = {prop: 1}; 
var foo = {prop: 2}; 
f(bar, foo); 
console.log("bar.prop: " + bar.prop + ", foo.prop: " + foo.prop); 

Esto imprime outs: bar.prop: 10, foo.prop: 2. Dentro de la función f, obj1 tiene la misma dirección de memoria que bar y obj2 tiene la misma dirección de memoria que foo. Sin embargo, solo la barra se ve afectada porque dentro de f solo se reflejan los elementos alterados de los objetos y la asignación obj2 = {prop: 20}; solo afecta a la variable local obj2 no a foo.

En otras palabras, the "value" is a reference to an object significa que modificar miembros afecta al objeto referenciado, pero la asignación solo afecta a la variable local.