Es6中iterator的value改变情况？

Question

let arr = [
    {'zhangsan':18},
]

const iter = arr[Symbol.iterator]()
const one = iter.next()
console.log(one);
one.value['zhangsan'] = 28
console.log(one);
console.log(arr);

输出:

let arr = [
    {'zhangsan':18},
]

const iter = arr[Symbol.iterator]()
const one = iter.next()
console.log(one);
one.value = {'lisi':100}
console.log(one);
console.log(arr);

直接覆盖'zhangsan'这个属性，为什么最后的arr没有改变呢？

Answer 1

你上面的例子才叫直接覆盖'zhangsan'这个属性，其zhangsan属性值也发生了改变，没什么问题

下面的例子，比如我们叫{'zhangsan':18}这个对象是obj1，{'lisi':100}这个对象是obj2，你更改的是one的value属性，既不是arr[0]，也不是obj1的zhangsan，所以arr还显示原来的值没有毛病。就像var b = 1;var a = b;b = 2之后，a的值还是1一个道理

Answer 2

你的例子可以简化成如下形式

let arr = [
    {'zhangsan':18},
];
const one = {
  value: arr[0]
}
one.value = {'lisi':100}

然后你的问题是为什么 arr 没有被修改到？显而易见，这里是直接对 one.value 进行了重新赋值，arr 自然不会变