1、调用对象的[Symbol.iterator]方法得到迭代器，并调用其next方法。

2、循环判断迭代是否结束，否则取出结果的value属性值。

并执行我们写在for…of内部的代码。

实例

// 比如：
for(const item of obj) {
    console.log(item) // 遍历打印每一项
}
 
// 大概原理：
const iterator = obj[Symbol.iterator]() // 得到迭代器
let result = iterator.next()
while (!result.done) {
    const item = result.value
    
    console.log(item) // 我们写的打印每一项的代码
    
    result = iterator.next()
}

以上就是javascript中for…of循环的原理，希望对大家有所帮助。更多Javascript学习指路：Javascript

推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。