二者在什么情况下可以使用

for … in

可以用在可枚举的数据，如：

• 对象
• 数组（循环的是索引）
• 字符串

什么是可枚举的属性？

我们使用Object.getOwnpropertyDescriptors方法获取指定对象所有的自由属性的属性描述符，这时发现他的每一个属性中enumerable都是true，这时候他就是可枚举的。

for…of

用于可迭代的数据

什么是可迭代的数据？

举个例子
数组中有个Symbol.iterator的属性：

1. 只要一个数据已经实现了Iterator接口, 那么这个数据就有一个叫做[Symbol.iterator]的属性
2. [Symbol.iterator]的属性会返回一个函数
3. [Symbol.iterator]返回的函数执行之后会返回一个对象
4. [Symbol.iterator]函数返回的对象中又一个名称叫做next的方法
5. next方法每次执行都会返回一个对象{value: 10, done: false}
6. 这个对象中存储了当前取出的数据和是否取完了的标记

总结

for…in 一般用于遍历对象自身的和继承的可枚举属性。以及对象从构造函数中继承的属性（使用Object.getOwnpropertyDescriptors方法后，enumerable为true），如：对象、数组（循环得到索引）、字符串

for…of 用于可迭代的数据（有iterator属性），如：map、set、数组（循环得到元素），generator