for-in

• index索引为字符串型数字，不能直接进行几何运算
• 遍历顺序有可能不是按照实际数组的内部顺序
• 使用for in会遍历数组所有的可枚举属性，包括原型。例如上栗的原型方法method和name属性

所以 for-in 更适合遍历对象，不要使用for in遍历数组。

for-in 遍历的是数组的索引（即键名），而for of遍历的是数组元素值。

for-of 遍历的只是数组内的元素，而不包括数组的原型属性method和索引name

for in 可以遍历到myObject的原型方法method,如果不想遍历原型方法和属性的话，可以在循环内部判断一下,hasOwnPropery方法可以判断某属性是否是该对象的实例属性

同样可以通过ES5的Object.keys(myObject)获取对象的实例属性组成的数组，不包括原型方法和属性

for..of适用遍历数/数组对象/字符串/map/set等拥有迭代器对象的集合.但是不能遍历对象,因为没有迭代器对象.与forEach()不同的是，它可以正确响应break、continue和return语句

requestAnimationFrame是浏览器提供的一个用于在浏览器下一次重绘之前执行特定代码的方法。

用途和优势：

• 高效的动画实现：与传统的使用setInterval或setTimeout来实现动画不同，requestAnimationFrame会在浏览器下一次重绘之前调用指定的函数，这样可以确保动画与浏览器的刷新频率同步，从而更加流畅，减少不必要的计算资源浪费。

• 性能优化：浏览器可以对多个使用requestAnimationFrame的动画进行优化，例如在页面不可见时暂停动画，当页面重新可见时恢复动画，从而提高性能和节省电量。

为什么不会卡顿？

转载: https://juejin.cn/post/7265227611671117887

Read More

concat、entries、every、filter、find、findIndex、flat、flatMap、forEach、form、includes、indexOf、isArray、join、keys、lastIndexOf、map、of、reduce、reduceRight、slice、some、toLocaleString、toSource、toString、values

es6之前: push、pop、shift、unshift、reverse、sort、splice
es6: fill、copyWithin

Read More

从背景，是什么，怎么做，以及实践等角度出发