ES6—42:生成器

简介: ES6—42:生成器

生成器函数的函数声明与调用

image.png

生成器函数的参数传递

image.png

生成器函数实例

// 1s后控制台输出111 2s后控制台输出222 3s后控制台输出333
function one() {
    setTimeout(() => {
        console.log(111);
        iterator.next();
    },1000);
}
function two() {
    setTimeout(() => {
        console.log(222);
        iterator.next();
    },2000);
}
function three() {
    setTimeout(() => {
        console.log(333);
        iterator.next();
    },3000);
}
function * gen() {
    yield one();
    yield two();
    yield three();
}
// 获取迭代器对象
const iterator = gen();
iterator.next();

image.png

相关文章
|
6月前
ES6之生成器
ES6之生成器
|
6月前
|
前端开发
ES6之生成器(Generator)
生成器(Generator)是ES6引入的一种特殊的函数,它可以通过yield关键字来暂停函数的执行,并返回一个包含value和done属性的对象。生成器的概念、作用和原理如下所述:
68 0
|
6月前
ES6 Generator 函数
ES6 Generator 函数
|
1月前
|
自然语言处理 前端开发
如何理解 ES6 中 Generator ?
【10月更文挑战第7天】
|
6月前
|
前端开发
es6的一些方法
es6的一些方法
33 0
|
6月前
|
JavaScript 前端开发
js开发:请解释什么是ES6的Generator函数,以及它的用途。
ES6的Generator函数是暂停/恢复功能的特殊函数,利用yield返回多个值,适用于异步编程和流处理,解决了回调地狱问题。例如,一个简单的Generator函数可以这样表示: ```javascript function* generator() { yield 'Hello'; yield 'World'; } ``` 创建实例后,通过`.next()`逐次输出"Hello"和"World",展示其暂停和恢复的特性。
39 0
|
6月前
|
JavaScript 前端开发
ES6 函数
ES6(ECMAScript 2015)是 JavaScript 的一个重要版本,它引入了许多新的特性和语法。其中,函数是 ES6 的一个重要组成部分,它提供了许多新的函数语法和特性,如箭头函数、函数参数默认值、函数解构赋值等。
41 8
|
11月前
ES6学习(九)—Generator 函数的语法
ES6学习(九)—Generator 函数的语法
ES6 从入门到精通 # 15:生成器 Generator 的用法
ES6 从入门到精通 # 15:生成器 Generator 的用法
103 0
ES6 从入门到精通 # 15:生成器 Generator 的用法