今天写个函数时想遍历数组，想想没怎么用过for...of...这类的语法，于是做了个尝试，竟发现for...of...无法改变数组元素。

贴代码，上例子

let array = [1,2,3];
for(let num of array){
    num++;
    console.log(num);
}
console.log(array);
//输出如下
//2
//3
//4
//[1,2,3]

这是为什么呢，暂时找不到答案
那么for...in...会不会呢?

于是又试试for...in...语法
代码如下

let obj = {
std1 : "Bob",
std2 : "Mike"
}
for(let name in obj){
    obj[name] = 'Lily';
    console.log(obj[name]);
}
console.log(obj);
//显示如下
//"Lily"
//"Lily"
//{std1:"Lily", std2:"Lily"}

。。。。。
留个坑，以后看能不能找到为什么。
后来找出解释，不知是否正确，如下：
以下是个人推断，有错误请指出

第一，先看看MDN的可迭代协议

以下是MDN的可迭代协议：
“可迭代协议允许 JavaScript 对象去定义或定制它们的迭代行为, 例如（定义）在一个 for..of 结构中什么值可以被循环（得到）。一些内置类型都是内置的可迭代对象并且有默认的迭代行为, 比如 Array or Map, 另一些类型则不是 (比如Object) 。”
这里我们注意到Array和Map与Object的迭代行为是不一样的

第二，看看对象被迭代的本质

另一段材料：
“当一个对象需要被迭代的时候（比如开始用于一个for..of循环中），它的@@iterator方法被调用并且无参数，然后返回一个用于在迭代中获得值的迭代器。”
重点在于“返回一个用于在迭代中获得值的迭代器。”
这里我们可以看到for of 的本质是返回一个迭代器

第三，迭代器是如何获得值的？

迭代器通过next()方法返回值，而不是指向地址，所以在for of 迭代中无法改变数组元素

参考材料：https://developer.mozilla.org…