malentendido de JavaScript cierres

Question

Soy nuevo en JavaScript, y estoy teniendo problemas para entender este código:

function addProperty(o) { 
    var value; 

    o["get"] = function() { return value; } 
    o["set"] = function(v) { value = v; } 
} 

var a = {}; 
addProperty(a); 
var b = {}; 
addProperty(b); 

a.set(4); 
b.set(5); 
print("a is " + a.get() + "; b is " + b.get()); 

Esta impresora (en v8/d8) a is 4; b is 5. Si hago un comentario sobre la línea var value;, obtengo a is 5; b is 5. ¿Dónde está el objeto 'valor' y por qué hay dos? Gracias.

Answer 1

La variable value es del fabricante addProperty. La primera vez que se llama a addProperty, se crea un nuevo value, sobre el que se cierran las dos funciones. La segunda vez que se llama addProperty, se crea un segundo value sobre el que se cierran dos funciones nuevas.

Extracción var crea una mundialvaluewindow en el objeto que es compartida por todas las funciones.

Tal vez quiere decir que hacer esto:

function createPropertyMgr() { 
    var value; 
    return function(o) { 
     o["get"] = function() { return value; } 
     o["set"] = function(v) { value = v; } 
    } 
} 

var addProperty = createPropertyMgr(); 

Esta nueva función addProperty se cierra sobre una value no importa cuántas veces se llama. No estoy seguro de entender el caso de uso, pero eso debería demostrar la diferencia.

Answer 2

Cuando no declara explícitamente una variable dentro de una función, su alcance se asume como global. es decir, en su segundo caso, dado que no ha declarado value explícitamente como local a la función addProperty(), se trata como global.

Pero cuando lo declaras explícitamente dentro de una función, se convierte en local para la función. Cada vez que se invoca la función, se crea una nueva copia de la variable local de la función en la pila (y lo que es más importante, se queda en la pila siempre que haya una referencia)