回答es6生成器是什么意思

 所属分类:web前端开发

 浏览:107次-  评论: 0次-  更新时间:2022-10-30
描述:更多教程资料进入php教程获得。 在es6中,生成器是设置迭代器的一个函数,调用生成器函数可返回一个可迭代的对象;生成器中function和函数...
更多教程资料进入php教程获得。

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

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境: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生成器是什么意思的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: es6,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!