ES6 Iterator for...of

区别

（1）传统for循环：语法不够简洁

（2）ES5 forEach循环：不能正确响应break，continue，return

（3）for...in循环：为普通对象设计，不适于遍历数组

可遍历对象

实现了[Symbol.Interator]方法的对象，例如数组，绝大多数类数组（NodeList对象），字符串（正确识别 32 位 UTF-16 字符），Map，Set。普通对象不能通过for...of遍历

深入理解

for...of循环首先调用集合的[Symbol.Interator]（）方法，紧接着返回一个迭代器对象。迭代器对象可以是任意具有.next()方法的对象，for...of将循环调用这个方法，每个循环调用一次。

var $iterator=obj[Symbol.Iterator]();
var $result=$iterator.next();
while(!$result.done){
    var v=$result.value;
    //some Operation
    $result=$iterator.next();
}

注意

（1）迭代器对象.next()方法返回的对象包含两个属性：value（值）,done（是否遍历结束）

（2）迭代器对象可选的return()（异常，break，return均可触发）方法，每当迭代在迭代器返回{done:true}之前退出都会自动调用这个方法。注意，.return()方法并不是在所有的上下文中都会被自动调用，只有当使用了迭代协议的情况下才会触发该机制。所以也有可能生成器没执行finally代码块就直接被垃圾回收了。throw(exc)（for...of循环永远不会调用）方法

其他

什么是类数组对象？ 具有.length属性且元素可以通过Object[index]访问的对象

 

转载于:https://www.cnblogs.com/goOtter/p/9600603.html