jak uzyskać dostęp do zmiennych w zamknięciach, jeśli istnieją zmienne lokalne o tej samej nazwie?

Question

Wziąłem to z Google Code Playground 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); 

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

jej wszystko ok, ale jeśli mam zmiennej lokalnej w funkcji wewnętrznej o tej samej nazwie jako zmienna w funkcji zewnętrznej następnie jak uzyskać dostęp do tej zmiennej?

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

Nie można, ponieważ zmienna zewnętrznego zakresu jest zacieniona przez jedną z funkcji wewnętrznych.

Łańcuch zakres na innerFunction wygląda mniej więcej tak:

 

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

* Denotes a resolvable identifier from the scope of innerFunction. 

Każda funkcja posiada własną zmienna obiektu, gdzie identyfikatory deklaracje funkcji, deklaracje zmiennych i funkcji parametrów formalnych żyć, jak nieruchomości.

Obiekty te nie są bezpośrednio dostępne przez kod, łańcuch zasięgu jest tworzony przez wszystkie te powiązane obiekty.

Gdy identyfikator ma numer resolved, wyszukiwanie rozpoczyna się w łańcuchu zasięgu, szukając jego pierwszego pojawienia się, dopóki obiekt globalny nie zostanie osiągnięty, jeśli identyfikator nie zostanie znaleziony, zostanie zgłoszony ReferenceError.

Daj spojrzeć w następujących artykułach:

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

Answer 2

Spróbuj z this.varname, aby odwołać się do tego w zamknięciu.

this.someString w twoim przykładzie.

Answer 3

Mogłeś

• prostu uniknąć tworzenia dowolnej zmiennej lokalnej o tej samej nazwie, lub
• zrobić lokalną kopię tego zamknięcia zmiennej przed deklarowania zmiennej lokalnej o tej samej nazwie (jeśli naprawdę chcesz lokalną zmienną o tej samej nazwie)

(miał obejście ale usunięto go po wskazywano, że nie będzie faktycznie działać)

Answer 4

lokalne zmienne zamknięcia „cień” zmiennych o tej samej nazwie z funkcji zewnętrznej, więc tak:

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

will alert Hello.

Jedynym sposobem, aby obejść to do zmiany nazwy zmiennych, lub przechodzą w zmiennej chcesz pracować z:

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

Will alert Hai!

Aby dowiedzieć się o łańcuchu zasięgu, 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);