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

最新推荐文章于 2022-12-21 20:55:01 发布
最新推荐文章于 2022-12-21 20:55:01 发布
阅读量256 收藏
点赞数
分类专栏： es5、es6、es7 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43294560/article/details/104185052
版权 
<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>

在这里插入图片描述在这里插入图片描述

神奇大叔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
异步函数（async/await）
qq_36865892的博客
10-27 2636
异步函数是将期约应用于JavaScript函数的结果。异步函数可以暂停执行，而不阻塞主线程。无论是编写基于期约的代码，还是组织串行或平行执行的异步代码，使用异步函数都非常得心应手。异步函数可以说是现代JavaScript工具箱中最重要的工具之一。
什么是异步
樊小勇的博客
04-17 612
什么是异步 两个请求同时开始，但是二者之间有赋值比较之类的关系时，称为异步 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script> var url = 'http://132.232.87.95:3000/api/film/getList'; //...
ES6_async/await
weixin_44915595的博客
01-04 306
用 promise.then 也是相当复杂，虽然整个请求流程已经线性化了，但是代码里面包含了大量的 then 函数，使得代码依然不是太容易阅读。基于这个原因，ES7 引入了 async/await，这是 JavaScript 异步编程的一个重大改进，提供了在不阻塞主线程的情况下使用同步代码实现异步访问资源的能力，并且使得代码逻辑更加清晰。 await后面要跟一个promise实例对象 async函数=生成器函数+执行器函数 .........
使用ES6新特性async await进行异步处理，实现同步效果。
Queen-Shir的博客
05-25 658
在vue项目里定义了一个全局函数，如下： 每次都返回空数组。因为接口调用后还未返回数据，该函数就将result return了。 Vue.prototype.getCity = function(){//获取城市列表 var result = []; getCityList().then(res=>{ if(res.code==0){ //console.log(res.data); resu..
异步执行转化为同步执行的方法
qq_51130780的博客
12-21 2331
异步转化为同步的基本思路
ES6中Iterator与for..of..遍历用法分析
08-30
主要介绍了ES6中Iterator与for..of..遍历用法,结合实例形式分析了ES6中Iterator的概念、用法及for..of..遍历的使用技巧,需要的朋友可以参考下
ES6概念 Symbol.keyFor()方法
08-31
主要介绍了ES6概念 Symbol.keyFor()方法 ,需要的朋友可以参考下
ES6 Iterator接口和for...of循环用法分析
10-16
主要介绍了ES6 Iterator接口和for...of循环用法,结合实例形式分析了Iterator接口和for...of循环相关使用技巧,需要的朋友可以参考下
Promise与async处理异步问题，以及多个异步使用Promise.all 解决多异步实现同步效果
weixin_45274523的博客
09-25 1708
第三 多个异步数据获取，实现同步效果使用Promise.all([ ]) 中 []里面是数组存放函数进行同步执行，根据时间最长为主，不过数组里面有一个报错，就不会执行。第二种 async 相对与上面的来说，这比较简单，代码简化。第一种Promise。
JavaScript：异步函数
JinsmLill的博客
10-18 3775
通过在函数定义前使用关键字 async ，定义异步函数。定义异步函数// 命名函数 async function asyncFunc_01() {} // 匿名函数 const asyncFunc_02 = async function() {} // 箭头函数 const asyncFunc_03 = async() => {}
异步函数async
baidu_39009276的博客
08-22 9329
异步函数async
JS多个异步函数同步执行（Promise）
weixin_43549003的博客
01-11 5218
目前有一个需求，调用多个接口（异步），等所有接口运行完之后，用echart统一绘制数据。但是众所周知，接口时异步的，所以不知道什么时候所有的接口才能执行完。这个时候promise就发挥了作用。下面上代码 //需要调用的函数 会调用多次 getPatientliftInfo(obj, count, itemName) { let promise = new Promise((resolve, reject) => { var parameter = {
es6，es7中的同步异步的使用
wangshang1320的博客
03-01 2251
同步，异步? js是同步阻塞单线程运行的，so？需要等待，然后就出现了很多异步的操作需要同步等待执行，比如请求数据是异步的（这个是都会遇到的），这个时候就需要我们异步转同步。 Promise 将异步的操作转换成同步，解决了回调地狱的问题，看起来更优雅 三种状态： reject: 拒绝，后面的将不会执行 resove: 成功，会执行后面的，可以传参 参数会传入下一个链式调用的方法里面...
【ES7 async await 依次执行异步，全部执行完，再执行最后的代码】
limuzhixing的博客
07-26 815
ES7 async await 依次执行异步，全部执行完，再执行最后的代码
异步请求的进化史，ES6 Promise教程，ES7 async/await异步处理同步化
qq_18798149的博客
09-28 1033
很多同学，对promise比较陌生，只是知道怎么用，无非就是.then().catch()，至于为什么这样用很多同学比较迷茫，网上很多介绍的都太理论化、抽象化，希望能通过这篇文章帮你深入了解一下promise的前因后果。
java await async_async/await让异步操作同步执行的方法详解
weixin_31308305的博客
02-23 922
一.前言我们经常会遇到这样的麻烦事,多个函数按顺序执行,返回结果却不是我们预期的顺序,原因一般是由于异步操作引起的,所以呢,我们需要一种解决方案来处理这种问题,从而使得异步操作按照同步的方式来执行,这样我们就可以控制异步操作输出结果的顺序了二.异步操作会带来什么问题异步操作可能会许多的问题,下面是常见的两种1.函数执行的结果并不是按照顺序返回function fn1(){console.log(1...
ES7 结合node讲解async和await用法
朝花夕拾的博客
08-27 437
async await同步方式写异步代码 async async位于函数字面量或函数表达式的前面(普通函数、立即执行函数和箭头函数均可)，被修饰函数执行后会返回一个Promise对象。 async function chloe() { console.log("chloe"); return 20; } 等价于 function chloe() { return new Promise((resolve, reject) => { ...
js循环 异步 函数定义
aduan__的博客
01-06 392
1.for循环 for(let i = 0;i<arr.length;i++){ console.log(arr[i]); } for(let value of arr){ console.log(value); } for(let key in arr){ let value = arr[key]; console.log(key .
异步函数简介
jianlu_blet的博客
02-09 4250
语法：async function asyncFuncName(param1, param2, ...) { statements } async 函数的返回值是一个 Promise 对象。当这个 async 函数返回一个值时，Promise的 resolve 方法会负责传递这个值（相当于Promise.resolve(value)）；当 async 函数抛出异常时，Promise 的 rejec...
Symbol(Symbol.iterator)
最新发布
09-06
Symbol(Symbol.iterator)是一个内置的Symbol符号，它被用于定义一个对象的默认迭代器。迭代器是一种用于遍历数据结构的机制，它提供了一种统一的方式来访问和处理序列中的元素。使用Symbol(Symbol.iterator)可以创建一个迭代器对象，该对象可以被用于在循环中遍历可迭代的对象，比如数组和字符串。通过在对象上定义Symbol(Symbol.iterator)属性并返回一个实现了next()方法的迭代器对象，我们可以使用for...of循环来遍历该对象的元素。例如： ``` const myArray = [1, 2, 3]; const iterator = myArray(); for (const element of iterator) { console.log(element); } // 输出: // 1 // 2 // 3 ``` 上述代码中，我们通过访问数组的Symbol(Symbol.iterator)属性来获取一个迭代器对象，并将其存储在变量iterator中。然后，我们使用for...of循环来遍历该迭代器对象，从而遍历数组中的元素并输出它们。这个内置的Symbol符号Symbol(Symbol.iterator)使得我们可以很方便地使用for...of循环来遍历各种可迭代的对象。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Symbol.Iterator简单理解](https://blog.csdn.net/m0_46525076/article/details/118632890)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatgptT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [详解ES6 Symbol 的用途](https://download.csdn.net/download/weixin_38677234/14815893)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatgptT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值