ES6学习——新的语法：for..of 循环

for...of循环是ES6中新加的一种遍历迭代器的语法。看规范中的一种形式描述，在13.7.5章节，我删了一些不重要的部分：

IterationStatement : for ( var ForBinding of AssignmentExpression ) Statement
1. Let keyResult be the result of performing ForIn/OfHeadEvaluation( « », AssignmentExpression, iterate).
2. ReturnIfAbrupt(keyResult).
3. Return ForIn/OfBodyEvaluation(ForBinding, Statement, keyResult, varBinding, labelSet).

13.7.5.12
The abstract operation ForIn/OfHeadEvaluation is called with arguments TDZnames, expr, and iterationKind. The value of iterationKind is either enumerate or iterate.

3. Let exprRef be the result of evaluating the production that is expr.
4. Set the running execution context’s LexicalEnvironment to oldEnv.
5. Let exprValue be GetValue(exprRef).
6. ReturnIfAbrupt(exprValue).
7. If iterationKind is enumerate, then
8. Else,
    a. Assert: iterationKind is iterate.
    b. Return GetIterator(exprValue).

通过上面的描述可以看出，of后面的表达式需要是个iterator。

for...of可以直接遍历数组，字符串，arguments，集合等等，在of之前还可以使用解构语法。

for(let a of [1,2,3,4])console.log(a)

for(let b of "abc")console.log(b)

解构语法如下：

let arr1 = [[1,'a'],[1,'a',true],[1,'a']];
for(let [idx,val,other] of arr1)//数组解构
  console.log(idx,val,other)
  
  
let arr2 = [{key:1,value:'a'},{key:1,value:'a',other:true}];
for(let {key:idx,value:val,other} of arr2)//对象解构
  console.log(idx,val,other)

上面的解构中不能应用默认值语法，否则会报错。

最后看看for...of遍历Symbol.iterator实现的迭代器

Object.prototype[Symbol.iterator] = function(){
		let index = 0;
		let propKeys = Reflect.ownKeys(obj);
		return {
			next() {
				if (index < propKeys.length) {
					let key = propKeys[index];
					index++;
					return { value: [key, obj[key]] };
				} else {
					return { done: true };
				}
			}
		}
	}
	
var obj = {key1:1,key2:2,[Symbol()]:"s1"};
for(let v of obj)console.log(v)

结果：

如果我们直接遍历obj，会报错：

var obj = {key1:1,key2:2,[Symbol()]:"s1"};
 for(let v of obj)console.log(v)
//TypeError: obj[Symbol.iterator] is not a function

*以上全部代码在Firefox 43下通过测试