JavaScript -- ES6 迭代器和生成器

ゝ一世哀愁。 2022-06-03 02:29 283阅读 0赞

使用迭代器的目的：更高效的操作数据。使用迭代器可以使访问数据和操作数据的过程中，**不需要追踪索引**。

传统的for循环：

for (let I=0; I<10; I++){
        ...
        // 访问数据的过程中，需要追踪索引 i 的值。并不方便且容易出错。
    }

学习了迭代器后，就会发现数据访问会变的简洁很多。

## 什么是迭代器 ##

迭代器是一种特殊的对象，**所有的迭代器对象都有一个 next 方法**，调用 next 方法会返回一个对象——该对象有两个属性：一个是 value，表示下一个要返回的值；一个是 done，表示是否有更多数据可以返回：当数据访问结束，done 就会置为 true。并且，当 done = true 的时候，value = undefined。

## 如何生成一个迭代器？试试生成器咯 ##

在 ES6 中，引入了一个生成器对象，它可以让迭代器对象生成的过程变得简单。

// 生成器语法
    function *createIterator() { 
        yield 1;
        yield 2;
        yield 3;
    }

生成器函数有一个有趣的特点，每当执行完一条 yield 语句，函数就会停下来。知道再次调用迭代器的 next 方法，就会继续执行到下一个 yield 语句。这种中止函数执行的特性让生成器有很多有趣的应用，这些应用会在下文中涉及。

*注意*，yield 的使用限制：**yield 关键字只能在生成器内部使用，在其他地方使用则会导致语法错误，即使是在生成器内部的函数使用也会报错**。

function *createIterator(items) { 
        items.forEach((item) => {
            yield item; // Wrong~ 这样会报错的哦！
        })
    }

**生成器的函数表达式写法**

（待续）