es6 设置Symbol.iterator接口遍历Generator函数内部状态

àì夳堔傛蜴生んèń 2021-07-25 02:26 226阅读 0赞

<html ng-app='app' ng-controller='main' >
    <head>
    	<meta charset="utf-8">
    	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>
    
    	<script src='jq/jquery-3.4.1.js'></script>
    
    	<style>
    
    	</style>
    </head>
    <body >
    
    
    <script>
    
    	obj={ uname:'jeff',age:18};
    	obj[Symbol.iterator]=function *fun()
    	{ 
    		yield 1
    		yield 2
    		yield 3
    		
    	}
    
    	for(let i of obj)
    	{ 
    		console.log(i);//输出1、2、3
    	}
    
    	
    </script>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70_pic_center]![在这里插入图片描述][20201030155126103.png_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20201030154807656.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA==,size_16,color_FFFFFF,t_70#pic_center
[20201030155126103.png_pic_center]: /images/20210724/10a3799aa77f4dd68a75e9dab28bd108.png

发表评论取消回复

表情：

评论列表（有 0 条评论，226人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6-Generator函数和async函数

ES6中引入的一种新的函数类型，叫做Generator生成器函数，它的特点是可以暂停执行和恢复执行。通过yield表达式能够中断函数的执行，通过next()方法可以恢复执行。

女爷i/ 2023年06月13日 06:09/ 0 赞/ 108 阅读

相关 ES6-Generator函数

Generator函数执行Generator函数会返回一个遍历器函数。返回的遍历器函数，可以依次遍历Generator函数内部的每一个状态。形式上，Generato

向右看齐/ 2022年12月20日 03:22/ 0 赞/ 75 阅读

相关 ES6之Generator函数

Generator 函数是一个状态机，封装了多个内部状态。一是，`function`关键字与函数名之间有一个星号；二是，函数体内部使用`yield`表达式，定义不同的内

快来打我*/ 2022年12月14日 15:53/ 0 赞/ 138 阅读

相关 ES6--Generator函数

Generator函数： 1.ES6提供的解决异步编程的方案之一 2.Generator函数是一个状态机，内部封装了不同状态的数据 3.用来生成遍历器对象 4.

ゝ一纸荒年。/ 2022年12月06日 05:25/ 0 赞/ 148 阅读

相关 es6遍历字符串

字符串的遍历器接口：codePoint for (let codePoint of '越过九重难关，我座下马正酣') { console.log(code

朱雀/ 2022年05月12日 04:38/ 0 赞/ 205 阅读

相关 ES6 对象的遍历

声明对象 let object = { name: 'wang', age: 18 } 对象的for in遍历

女爷i/ 2021年09月19日 00:34/ 0 赞/ 359 阅读

相关 ES6 遍历数组

数组是一种很重要的数据结构。那么我们如何遍历数组呢？我们如何遍历数组中的元素？20年前JavaScript刚萌生时，你可能这样实现数组遍历： for (var

短命女/ 2021年09月18日 02:32/ 0 赞/ 412 阅读

相关 ES6--Generator函数

概述 ES6 新引入了 Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而为异步编程提供解决方案。 Gener

落日映苍穹つ/ 2021年08月13日 17:22/ 0 赞/ 324 阅读

相关 es6 设置Symbol.iterator接口遍历Generator函数内部状态

<html ng-app='app' ng-controller='main' > <head> <meta charset="utf-8">

àì夳堔傛蜴生んèń/ 2021年07月25日 02:26/ 0 赞/ 227 阅读

相关 ES6 属性的遍历

ES6一共有5种方法可以遍历对象的属性。、 for…in for…in循环遍历对象自身的和继承的可枚举属性（不含Symbol属性）。 Object.keys(obj

我不是女神ヾ/ 2021年06月24日 16:12/ 0 赞/ 463 阅读