ES生成器函数使用实例

 <!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
 
<body>
    <script>
        // 模拟获取 用户数据 订单数据 商品数据
        function getUsers() {
            setTimeout(() => {
                let data = "用户数据";
                // 调用next方法，并将数据传入
                iterator.next(data);
            }, 1000);
        }
 
        function getOrders() {
            setTimeout(() => {
                let data = "订单数据";
                iterator.next(data);
            }, 1000)
        }
 
        function getGoods() {
            setTimeout(() => {
                let data = "商品数据";
                iterator.next(data);
            }, 1000)
        }
 
        function* gen() {
                let users = yield getUsers();
                console.log("users: ", users);
                let orders = yield getOrders();
                console.log("orders: ", orders);
                let goods = yield getGoods();
                console.log("goods: ", goods);
            }
            // users: 用户数据
            // orders: 订单数据
            // goods: 商品数据
 
        // 调用生成器函数
        let iterator = gen();
        iterator.next();
    </script>
</body>
 
</html>

posted @ 2022-10-19 21:29 Felix_Openmind 阅读(53) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 浏览器解析行内块或行内标签的时候，如果标签换行书写则会产生一个空格的距离

· React中createRef使用

· 19.生成器函数实例

· 20.生成器实例2

· JavaScript函数

阅读排行：
· winform 绘制太阳，地球，月球运作规律
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具

2025年3月

日

一

二

三

四

五

六

Felix_Openmind

https://github.com/serendipitywzz

ES生成器函数使用实例

最新随笔

随笔分类 (404)

随笔档案 (410)

文章分类 (66)

文章档案 (99)

软件开发

阅读排行榜

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>

	<body>
	<script>
	// 模拟获取用户数据订单数据商品数据
	function getUsers() {
	setTimeout(() => {
	let data = "用户数据";
	// 调用next方法，并将数据传入
	iterator.next(data);
	}, 1000);
	}

	function getOrders() {
	setTimeout(() => {
	let data = "订单数据";
	iterator.next(data);
	}, 1000)
	}

	function getGoods() {
	setTimeout(() => {
	let data = "商品数据";
	iterator.next(data);
	}, 1000)
	}

	function* gen() {
	let users = yield getUsers();
	console.log("users: ", users);
	let orders = yield getOrders();
	console.log("orders: ", orders);
	let goods = yield getGoods();
	console.log("goods: ", goods);
	}
	// users: 用户数据
	// orders: 订单数据
	// goods: 商品数据

	// 调用生成器函数
	let iterator = gen();
	iterator.next();
	</script>
	</body>

	</html>