cómo acceder a variables en cierres si hay variables locales con el mismo nombre?

Question

Tomé esto desde Google Code juegos http://code.google.com/apis/ajax/playground/

/*CLOSURE 
* When a function is defined in another function and it 
* has access to the outer function's context even after 
* the outer function returns 
* An important concept to learn in Javascript 
*/ 

function outerFunction(someNum) { 
    var someString = 'Hai!'; 
    var content = document.getElementById('content'); 
    function innerFunction() { 
    content.innerHTML = someNum + ': ' + someString; 
    content = null; // IE memory leak for DOM reference 
    } 
    innerFunction(); 
} 

outerFunction(1); 

/////////////////////// 

Su todo bien, pero si tengo una variable local en la función interior con el mismo nombre que una variable en la función externa a continuación, cómo acceder a esa variable?

function outerFunction(someNum) { 
    var someString = 'Hai!'; 
    var content = document.getElementById('content'); 
    function innerFunction() { 
    var someString='Hello'; 
    content.innerHTML = someNum + ': ' + someString; 
    content = null; // IE memory leak for DOM reference 
    } 
    innerFunction(); 
} 

outerFunction(1); 

Answer 1

No se puede, porque la variable del alcance exterior está sombreada por la de su función interna.

La cadena de ámbito en el innerFunction se ve algo como esto:

 

    innerFunction      outerFunction    global object 
______________________   ________________________  _______________ 
|* someString = 'Hello'| <---- | someString = 'Hai!' | <---|* outerFunction| 
----------------------  |* content = [HTMLElement]|  | .....  | 
           |* someNum (argument)  |  --------------- 
           |* innerFunction   | 
           ------------------------- 

* Denotes a resolvable identifier from the scope of innerFunction. 

Cada función tiene su propia objeto variable, es donde viven los identificadores de las declaraciones de funciones, declaraciones de variables y la función parámetros formales, como propiedades.

Esos objetos no son directamente accesibles por código, la cadena de alcance está formada por todos los objetos encadenados.

Cuando un identificador es resolved, la búsqueda sube en la cadena de ámbito, en busca de la primera aparición de la misma, hasta que se alcanza el objeto global, si no se encuentra el identificador, un ReferenceError se lanza.

Dale un vistazo a los siguientes artículos:

• ECMA262-3 in detail: The Variable Object
• Variables vs. Properties in JavaScript

Answer 2

Pruebe con this.varname para hacer referencia al que está en el cierre.

this.someString en su ejemplo.

Answer 3

Usted podría

• simplemente evitar crear cualquier variable local con el mismo nombre, o
• hacer una copia local de esa variable de cierre antes declarar la variable local con el mismo nombre (si realmente quieres una variable local del mismo nombre)

(tenía una solución, pero la retiró después de se señaló que no sería en realidad el trabajo)

Answer 4

las variables locales del cierre "sombra" las variables del mismo nombre de la función externa, por lo que este:

function outerFunction(s) { 
    var someString = 'Hai!'; 
    function innerFunction() { 
    var someString='Hello'; 
    alert(someString); 
    } 
    innerFunction(); 
} 
outerFunction(); 

will alert Hello.

La única manera de evitar que es para cambiar el nombre de las variables, o pasar en la variable que desea trabajar con:

function outerFunction(s) { 
    var someString = 'Hai!'; 
    function innerFunction(outer) { 
    var someString='Hello'; 
    alert(outer); 
    } 
    innerFunction(someString); 
} 
outerFunction();   

Will alert Hai!

para aprender acerca de la cadena de ámbito, take a look at this previous scope question.

Answer 5

function outerFunction(someNum) { 
var someString = 'Hai!'; 
var content = document.getElementById('content'); 
function innerFunction() { 
this.someString = 'Hello'; 
content.innerHTML = someNum + ': ' + someString; 
content = null; // IE memory leak for DOM reference 
} 
    innerFunction(); 

} outerFunction (1);