您的位置:首页 > 技术中心 > 前端框架 >

es6生成器是什么意思

时间:2022-03-30 17:46

在es6中,生成器是设置迭代器的一个函数,调用生成器函数可返回一个可迭代的对象;生成器中function和函数名之间有一个“*”号,并且函数体内部使用yield表达式,语法为“function*gen(){yield1;yield2;}”。

本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6生成器是什么意思

生成器就是Es6中用来设置迭代器的一个函数,我们就可以这样理解:生成器最终生成的就是迭代器。

generator(生成器)是 ES6 标准引入的新的数据类型。

一个 generator 看上去像一个函数,但可以返回多次。

generator 函数和普通的函数区别有两个,

  • 1:function 和函数名之间有一个*号,

  • 2:函数体内部使用了 yield 表达式

调用 生成器函数 和调用 普通函数不同,调用生成器函数是返回一个 生成器对象(可迭代的对象)

生成器:生成器中存在一个iterator接口,也就是说,生成器本身是可以进行迭代的,也就是创造出一个生成器,就相当于创建一个迭代器。关于生成器的用途,对于一些没有设置迭代器接口的数据类型,我们可以使用生成器来自定义生成一个迭代器,从而进行迭代。

以上便是我对于生成器本身的理解,下面讲解具体的语法。

生成器的一些属性

  1. //生成器的声明
  2. <script>
  3. function* generator(){
  4. }
  5. let test = generator();
  6. console.log(test);
  7. </script>
  1. //生成器中的yield关键字
  2. <script>
  3. function* Generator(){
  4. yield 100;
  5. yield 200;
  6. yield 300;
  7. yield 400;
  8. }
  9. let test = Generator();
  10. console.log(test.next());
  11. console.log(test.next());
  12. console.log(test.next());
  13. console.log(test.next());
  14. console.log(test.next());
  15. console.log(test.next());
  16. console.log(test.next());
  17. </script>

最终结果:

01.jpg

解析:由于生成器实例化对象的原型中存在next(),当执行next(),就会根据yield进行迭代。

【相关推荐:javascript视频教程、web前端】

以上就是es6生成器是什么意思的详细内容,更多请关注gxlsystem.com其它相关文章!

热门排行

今日推荐

热门手游