为什么修改数组中的某些东西不会改变它之外的同一个对象？

Question

所以例如我有这样的事情：

var foo = "foo";
var arr = [];
arr[0] = foo
arr[0] += " bar";
console.log(foo);
console.log(arr[0]);

为什么输出

>>"foo"
>>"foo bar"

而不是

>>"foo bar"
>>"foo bar"