当前位置：首页 > news >正文

ES6初步了解生成器

news 2025/9/15 13:04:49

生成器函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同
语法： function * fun(){ }

    function * gen(){console.log("hello generator");}let iterator =gen()console.log(iterator)

打印：
在这里插入图片描述
我们发现没有打印”hello generator“
我们需要使用到next方法
如果大家对迭代器感兴趣大家可以阅读这篇ES6初步了解迭代器

    function * gen(){console.log("hello generator");}let iterator =gen()iterator.next()

在这里插入图片描述
我们可以使用yield，可以看作是函数代码的分隔符

    function * gen(){console.log(111)yield "hello"console.log(222)yield "generator"console.log(333)yield "!"console.log(444)}let iterator =gen()iterator.next() //111iterator.next() //222iterator.next() //333iterator.next() //444

我们也可以使用for…of来遍历

    function* gen() {yield "hello"yield "generator"yield "!"}for (let v of gen()) {console.log(v)}

在这里插入图片描述

生成器函数的参数传递

    function* gen(arg) {console.log(arg)yield 111yield 222yield 333}// 执行获取迭代器对象let iterator = gen("aaa")console.log(iterator.next())

在这里插入图片描述

next方法可以传入实参

    function* gen(arg) {console.log(arg) //AAAlet one = yield 111console.log(one) //BBBlet two = yield 222console.log(two) //CCClet three = yield 333console.log(three) //DDD}// 执行获取迭代器对象let iterator = gen("AAA")console.log(iterator.next())// 第二次调next方法传入这个实参作为第一个yield语句的返回结果console.log(iterator.next("BBB"))// 第三次调next方法传入这个实参作为第二个yield语句的返回结果console.log(iterator.next("CCC"))// 第四次调next方法传入这个实参作为第三个yield语句的返回结果console.log(iterator.next("DDD")) // 以此类推