二者在什么情况下可以使用
for ... in
可以用在可枚举的数据，如：
- 对象
- 数组（循环的是索引）
- 字符串
什么是可枚举的属性？
我们使用Object.getOwnpropertyDescriptors方法获取指定对象所有的自由属性的属性描述符，这时发现他的每一个属性中enumerable都是true，这时候他就是可枚举的。
for...of
用于可迭代的数据
什么是可迭代的数据？
举个例子 数组中有个Symbol.iterator的属性：
- 只要一个数据已经实现了Iterator接口, 那么这个数据就有一个叫做[Symbol.iterator]的属性
- [Symbol.iterator]的属性会返回一个函数
- [Symbol.iterator]返回的函数执行之后会返回一个对象
- [Symbol.iterator]函数返回的对象中又一个名称叫做next的方法
- next方法每次执行都会返回一个对象{value: 10, done: false}
- 这个对象中存储了当前取出的数据和是否取完了的标记
总结
for...in 一般用于遍历对象自身的和继承的可枚举属性。以及对象从构造函数中继承的属性（使用Object.getOwnpropertyDescriptors方法后，enumerable为true），如：对象、数组（循环得到索引）、字符串
for...of 用于可迭代的数据（有iterator属性），如：map、set、数组（循环得到元素），generator
