循环的问题
迭代器
迭代器是被设计专用于迭代的对象,带有特定接口。所有的迭代器对象都拥有 next() 方法,会返回一个结果对象。该结果对象有两个属性:对应下一个值的 value ,以及一个布尔类型的 done ,其值为 true 时表示没有更多值可供使用。迭代器持有一个指向集合位置的内部指针,每当调用了 next() 方法,迭代器就会返回相应的下一个值。
![](https://img.haomeiwen.com/i11467857/1354ee693737fbe6.png)
生成器
生成器( generator )是能返回一个迭代器的函数。生成器函数由放在 function 关键字之后的一个星号( * )来表示,并能使用新的 yield 关键字。将星号紧跟在 function 关键字之后,或是在中间留出空格,都是没问题的。
生成器在每次运行到yield后面都会停止运行,直到下一次调用迭代器的next()方法,然后再继续运行。
yield关键字也可以和表达式一起使用。 yield 关键字只能用在生成器内部,用于其他任意位置都是语法错误,即使在生成器内部的函数中也不行。
![](https://img.haomeiwen.com/i11467857/d46081718ee129d3.png)
生成器函数表达式
不能将箭头函数作为生成器。
![](https://img.haomeiwen.com/i11467857/89aa92608a66a343.png)
生成器对象方法
![](https://img.haomeiwen.com/i11467857/e6f6f36d0f2c328c.png)
![](https://img.haomeiwen.com/i11467857/b64fe00a187107b7.png)
可迭代对象与 for-of 循环
可迭代对象( iterable )是包含 Symbol.iterator 属性的对象。这个 Symbol.iterator 知名符号定义了为指定对象返回迭代器的函数。在 ES6 中,所有的集合对象(数组、 Set 与 Map )以及字符串都是可迭代对象,因此它们都被指定了默认的迭代器。可迭代对象被设计用于与 ES 新增的 for-of 循环配合使用。
![](https://img.haomeiwen.com/i11467857/d879ee186def90e1.png)
访问默认迭代器
![](https://img.haomeiwen.com/i11467857/2f98c2e0f193463a.png)
检测对象是否能进行迭代。for-of循环在执行之前会进行相关的检测。
![](https://img.haomeiwen.com/i11467857/615df1eef0138132.png)
创建可迭代对象
![](https://img.haomeiwen.com/i11467857/48ab69847b33935b.png)
内置的迭代器
集合的迭代器
ES6具有三种集成的数据类型:数组、Set和Map。三者都有如下的迭代器
entries() :返回一个包含键值对的迭代器;
values() :返回一个包含集合中的值的迭代器;
keys() :返回一个包含集合中的键的迭代器。
entries() 迭代器
entries() 迭代器会在每次 next() 被调用时返回一个双项数组,此数组代表了集合中每个元素的键与值
![](https://img.haomeiwen.com/i11467857/0da39447e52a05bf.png)
values() 迭代器
values() 迭代器仅仅能返回存储在集合内的值。一些浏览器比如谷歌,不支持数组使用values()迭代器,因为其默认的迭代器就是values(),所以直接使用数组本身。
keys() 迭代器
keys() 迭代器能返回集合中的每一个键。对于数组来说,它只返回了数值类型的键,永不返回数组的其他自有属性; Set 的键与值是相同的,因此它的 keys() 与 values() 返回了相同的迭代器;对于 Map , keys() 迭代器返回了每个不重复的键。
集合类型的默认迭代器
values() 方法是数组与 Set 的默认迭代器,而 entries() 方法则是 Map 的默认迭代器。
Map 默认迭代器的行为有助于在 for-of 循环中使用解构。
![](https://img.haomeiwen.com/i11467857/8093492a3de2427e.png)
字符串的迭代器
字符串默认迭代器能处理字符而不是码元。
NodeList 的迭代器
文档对象模型( DOM )具有一种 NodeList 类型,用于表示页面文档中元素的集合。DOM 关于 NodeList 的规定也包含了一个默认迭代器,所以可以对NodeList 使用for-of循环。
扩展运算符...与非数组的可迭代对象
扩展运算符...是将可迭代对象转换为数组的最简单方法。
迭代器高级功能
传递参数给迭代器
可以通过next()传递参数给迭代器。next()首次调用为特殊情况,所有的参数都会被忽略。next()传递的参数是上一次yield语句的值。
![](https://img.haomeiwen.com/i11467857/7fec2ad9597a26f0.png)
![](https://img.haomeiwen.com/i11467857/c151b26797ce43b2.png)
在迭代器中抛出错误
迭代器可以选择实现一个 throw() 方法,用于指示迭代器应在恢复执行时抛出一个错误。这是对异步编程来说很重要的一个能力,同时也会增加生成器内部的灵活度,能够既模仿返回一个值,又模仿抛出错误。
![](https://img.haomeiwen.com/i11467857/d5c6ec27b88464c1.png)
![](https://img.haomeiwen.com/i11467857/ea67d9042cbf7215.png)
可以在生成器内部使用一个 try-catch 块来捕捉这种错误。
生成器的 Return 语句
由于生成器是函数,你可以在它内部使用 return 语句,既可以让生成器早一点退出执行,也可以指定在 next() 方法最后一次调用时的返回值。
生成器委托
可以将两个迭代器的值放在一起使用。可以直接在字符串上使用 yield * (例如 yield * "hello" );
![](https://img.haomeiwen.com/i11467857/b3b3b8cee42f5520.png)
异步任务运行
![](https://img.haomeiwen.com/i11467857/b7166de32d03ae89.png)
异步任务运行器
![](https://img.haomeiwen.com/i11467857/b491793051a92c27.png)
网友评论