Как получить доступ к переменным в закрытии, если есть локальные переменные с тем же именем?

Question

Я принял это от 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); 

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

Ее все в порядке, но если у меня есть локальная переменная во внутренней функции с тем же именем переменной во внешней функции, то, как получить доступ к этой переменной?

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

Вы не можете, потому что переменная внешней области затенена тем, что находится на вашей внутренней функции.

Объем цепи на innerFunction выглядит примерно так:

 

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

* Denotes a resolvable identifier from the scope of innerFunction. 

Каждая функция имеет свою собственную переменную Object, где живут идентификаторы функций декларациях, описание переменных и функций формальных параметров, а свойства.

Эти объекты непосредственно не доступны по коду, цепочка областей видимости образована всеми этими цепными объектами.

Когда идентификатор равен resolved, поиск продолжается в цепочке областей видимости, ища первый вид его, пока не будет достигнут глобальный объект, если идентификатор не найден, выбрано значение ReferenceError.

Дайте взглянуть на следующие статьи:

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

Answer 2

Попробуйте с этим.varname обратиться к тому, который находится в закрытии.

это.Сохранить место в вашем примере.

Answer 3

Вы можете

• просто избежать создания каких-либо локальную переменную с тем же именем, или
• сделать локальную копию этого закрытия переменной перед тем объявить локальную переменную с тем же именем (если вы действительно хотите локальную переменную с тем же именем)

(имел обходной путь, но удалить его после того, как было отмечено, что оно не будет реально работать)

Answer 4

локальные переменные закрывающего «тени» переменных одного и того же имени из внешней функции, так что:

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

will alert Hello.

Единственный способ обойти это переименовать переменные, или передать в переменной, которую вы хотите работать с:

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

Will alert Hai!

Чтобы узнать о цепочке областей видимости, 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);