首页 >web前端 >前端问答 >es6生成器是什么意思

es6生成器是什么意思

WBOY
WBOY原创
2022-03-30 17:46:451443浏览

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

es6生成器是什么意思

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

es6生成器是什么意思

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

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

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

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

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

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

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

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

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

生成器的一些属性

//生成器的声明
<script>
function* generator(){
  }
let test = generator();
 console.log(test);
</script>
//生成器中的yield关键字
<script>
    function* Generator(){
      yield 100;
      yield 200;
      yield 300;
      yield 400;
    }
    let test = Generator();
    console.log(test.next());
    console.log(test.next());
    console.log(test.next());
    console.log(test.next());
    console.log(test.next());
    console.log(test.next());
    console.log(test.next());
  </script>

最终结果:

01.jpg

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

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

以上是es6生成器是什么意思的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn