美文网首页
ES6--(8)迭代器与生成器

ES6--(8)迭代器与生成器

作者: wangxia34 | 来源:发表于2018-04-13 11:08 被阅读0次

循环的问题

迭代器

    迭代器是被设计专用于迭代的对象,带有特定接口。所有的迭代器对象都拥有 next() 方法,会返回一个结果对象。该结果对象有两个属性:对应下一个值的 value ,以及一个布尔类型的 done ,其值为 true 时表示没有更多值可供使用。迭代器持有一个指向集合位置的内部指针,每当调用了 next() 方法,迭代器就会返回相应的下一个值。

ES5中写一个迭代器

生成器

    生成器( generator )是能返回一个迭代器的函数。生成器函数由放在 function 关键字之后的一个星号( * )来表示,并能使用新的 yield 关键字。将星号紧跟在 function 关键字之后,或是在中间留出空格,都是没问题的。

    生成器在每次运行到yield后面都会停止运行,直到下一次调用迭代器的next()方法,然后再继续运行。

   yield关键字也可以和表达式一起使用。 yield 关键字只能用在生成器内部,用于其他任意位置都是语法错误,即使在生成器内部的函数中也不行。

生成器函数表达式

    不能将箭头函数作为生成器。

生成器对象方法

ES5 ES6

可迭代对象与 for-of 循环

    可迭代对象( iterable )是包含 Symbol.iterator 属性的对象。这个 Symbol.iterator 知名符号定义了为指定对象返回迭代器的函数。在 ES6 中,所有的集合对象(数组、 Set 与 Map )以及字符串都是可迭代对象,因此它们都被指定了默认的迭代器。可迭代对象被设计用于与 ES 新增的 for-of 循环配合使用。

1  2  3

访问默认迭代器

检测对象是否能进行迭代。for-of循环在执行之前会进行相关的检测。

创建可迭代对象

内置的迭代器

集合的迭代器

    ES6具有三种集成的数据类型:数组、Set和Map。三者都有如下的迭代器

        entries() :返回一个包含键值对的迭代器;

        values() :返回一个包含集合中的值的迭代器;

        keys() :返回一个包含集合中的键的迭代器。

entries() 迭代器

    entries() 迭代器会在每次 next() 被调用时返回一个双项数组,此数组代表了集合中每个元素的键与值

values() 迭代器

    values() 迭代器仅仅能返回存储在集合内的值。一些浏览器比如谷歌,不支持数组使用values()迭代器,因为其默认的迭代器就是values(),所以直接使用数组本身。

keys() 迭代器

    keys() 迭代器能返回集合中的每一个键。对于数组来说,它只返回了数值类型的键,永不返回数组的其他自有属性; Set 的键与值是相同的,因此它的 keys() 与 values() 返回了相同的迭代器;对于 Map , keys() 迭代器返回了每个不重复的键。

集合类型的默认迭代器

    values() 方法是数组与 Set 的默认迭代器,而 entries() 方法则是 Map 的默认迭代器。

    Map 默认迭代器的行为有助于在 for-of 循环中使用解构。

字符串的迭代器

    字符串默认迭代器能处理字符而不是码元。

NodeList 的迭代器

    文档对象模型( DOM )具有一种 NodeList 类型,用于表示页面文档中元素的集合。DOM 关于 NodeList 的规定也包含了一个默认迭代器,所以可以对NodeList 使用for-of循环。

扩展运算符...与非数组的可迭代对象

    扩展运算符...是将可迭代对象转换为数组的最简单方法。

迭代器高级功能

传递参数给迭代器

    可以通过next()传递参数给迭代器。next()首次调用为特殊情况,所有的参数都会被忽略。next()传递的参数是上一次yield语句的值。

在迭代器中抛出错误

    迭代器可以选择实现一个 throw() 方法,用于指示迭代器应在恢复执行时抛出一个错误。这是对异步编程来说很重要的一个能力,同时也会增加生成器内部的灵活度,能够既模仿返回一个值,又模仿抛出错误。

    可以在生成器内部使用一个 try-catch 块来捕捉这种错误。

生成器的 Return 语句

    由于生成器是函数,你可以在它内部使用 return 语句,既可以让生成器早一点退出执行,也可以指定在 next() 方法最后一次调用时的返回值。

生成器委托

    可以将两个迭代器的值放在一起使用。可以直接在字符串上使用 yield * (例如 yield * "hello" );

异步任务运行

带数据的任务运行

异步任务运行器

相关文章

网友评论

      本文标题:ES6--(8)迭代器与生成器

      本文链接:https://www.haomeiwen.com/subject/ffoqkftx.html