Javascript: Понимание переменных, включенных в функции

Question

Попытка обернуть голову вокруг области Javascript и найти кого-то, кто объяснит, что происходит в следующем. Надеясь, что это поможет не только мне ...

var foo = { 
    bar: {} 
}; 
(function(foo, bar) { 
    foo.bar = 'a'; 
    bar = 'b'; 

}(foo, foo.bar)) 

console.log(foo.bar) // prints 'a', not 'b', how come? 

Answer 1

определяются две переменные:

function(foo, bar) 

Вы передаете два значения в них:

}(foo, foo.bar)) 

Значение foo является ссылкой на объект (т.е. объект имеет свойство bar значение которого является ссылкой на другой объект)

Значение переменной bar является ссылкой на этот второй объект.

foo.bar = 'a'; 

Вы перезаписать bar свойство первого объекта со строкой 'a'. foo.bar больше не является ссылкой на второй объект. Значение bar по-прежнему является ссылкой на второй объект.

bar = 'b'; 

перезаписывается локальной bar переменного со строкой 'b'. В настоящее время нет ссылок на второй объект слева. Второй объект будет собирать мусор.

console.log(foo.bar) 

Вы выводить значение bar свойства объекта, что значение foo является ссылкой. Это 'a', так как вы изменили значение этого свойства в функции.

Answer 2

foo является объектом, который передается по ссылке. bar передается по значению. Когда bar перезаписано, оно теряет отношение к foo.bar. Следовательно, foo.bar является «a», что и было установлено в функции.

var foo = { 
    bar: {} 
}; 
(function(foo, bar) { 
    // foo is {bar:{}} 
    // bar is {} 
    foo.bar = 'a'; 
    // now foo is {bar:'a'} 
    bar = 'b'; 
    // now bar is 'b' 
    // bar has no relation to foo.bar anymore 

}(foo, foo.bar)) 

console.log(foo.bar) // prints 'a', not 'b', how come?