Generator函数

最新推荐文章于 2025-08-07 15:29:44 发布

Magic_小小阿昕

最新推荐文章于 2025-08-07 15:29:44 发布

阅读量279

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 knowledge 文章标签： Generator函数

本文链接：https://blog.youkuaiyun.com/Amo__/article/details/90079802

前端 knowledge 专栏收录该内容

12 篇文章

订阅专栏

本文深入探讨了Generator函数的使用方法，包括手动与自动遍历、解构赋值、Array.from()应用及结合axios进行异步请求的实例。通过多个示例，帮助读者理解Generator函数在JavaScript中的灵活运用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Generator函数

Example1: (手动遍历generator函数)

    // 定义generator 函数
    function * gen () {
        yield '你好';
        yield 'Dear';
        return '牧马人'
    }
      
    // 调用generator 函数
    let gent = gen();
    console.log(gent.next());// {value: "你好", done: false}
    console.log(gent.next()); // {value: "Dear", done: false}
    console.log(gent.next()); // {value: "牧马人", done: true}
    console.log(gent.next()); // {value: undefined, done: true}

Example2: (自动遍历generator函数)

    // 定义generator 函数
    function * gen () {
        yield '你好';
        yield 'Dear';
        return '牧马人'
    }
    
    // 调用generator 函数
    let gent = gen();
    for(let val of gent) {
        console.log(val) // 你好  Dear  （注意：return后面的内容，不会遍历出来。）
    }

Example3: (generator函数解构赋值)

    // 定义generator 函数
    function * gen () {
        yield '你好';
        yield 'Dear';
        return '牧马人'
    }
      
    // 调用generator 函数
    let gent = gen();
    console.log(a,b,c); // 你好 Dear undefined
    console.log(...gen); // 你好 Dear
    // 扩展运算符
    let [a, ...b] = gent;
    console.log(a); // 你好 
    console.log(b); // ["Dear", "Dior"]

Example4: Array.from()

    // 定义generator 函数
    function * gen () {
        yield '你好';
        yield 'Dear';
        yield 'Dior';
        return '牧马人'
    }
    
    // 调用generator 函数
    let gent = gen();
    console.log(Array.from(gen()));//["你好", "Dear", "Dior"]

Example5: generator函数 axios 请求接口

    function * gent() {
      let val = yield 'itstrive';
      yield axios.get(`https://api.github.com/users/${val}`)

    }

    let g1 = gent();
    let username = g1.next().value;

    g1.next(username).value.then(res => {
      console.log(res.data);  
    })