coderwhy前端课堂详细笔记整理javascript教程|生成器抛出异常 – throw函数，替代迭代器，生成器实现，Generator方案，自动执行generator函数

于 2024-04-07 09:47:04 发布
阅读量81 收藏
点赞数 4
分类专栏： 前端八股文 文章标签： 前端 笔记 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43428283/article/details/137422956
版权
这篇笔记详细介绍了JavaScript生成器的使用，包括使用throw函数抛出异常、生成器替代迭代器，特别是使用yield*生成可迭代对象。还探讨了自定义类迭代的生成器实现，以及对生成器的操作。进一步，文章讨论了异步处理方案，特别是如何优化多层依赖的网络请求，并提出了一种自动执行generator函数的解决方案。
摘要由CSDN通过智能技术生成

生成器抛出异常 – throw函数

◼ 除了给生成器函数内部传递参数之外，也可以给生成器函数内部抛出异常：
 抛出异常后我们可以在生成器函数中捕获异常；
 但是在catch语句中不能继续yield新的值了，但是可以在catch语句外使用yield继续中断函数的执行；
在这里插入图片描述

生成器替代迭代器

◼ 我们发现生成器是一种特殊的迭代器，那么在某些情况下我们可以使用生成器来替代迭代器
在这里插入图片描述

◼ 事实上我们还可以使用yield*来生产一个可迭代对象：

 这个时候相当于是一种yield的语法糖，只不过会依次迭代这个可迭代对象，每次迭代其中的一个值；
在这里插入图片描述

了解本专栏 订阅专栏 解锁全文 超级会员免费看
学习记录wanxiaowan
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
coderwhy前端课堂详细笔记整理javascript教程|可迭代对象的应用场景，自定义类的迭代，实现，中断，生成器，函数执行， 生成器传递参数 – next函数，return函数，
VAN
04-07 27
◼ 在前面我们看到Array、Set、String、Map等类创建出来的对象都是可迭代对象： 在面向对象开发中，我们可以通过class定义一个自己的类，这个类可以创建很多的对象： 如果我们也希望自己的类创建出来的对象默认是可迭代的，那么在设计类的时候我们就可以添加上 @@iterator 方法；◼ 案例：创建一个classroom的类 教室中有自己的位置、名称、当前教室的学生； 这个教室可以进来新学生（push）； 创建的教室对象是可迭代对象；<script>
JavaScript 生成器
zsx0728的博客
06-04 1056
    在本教程中，您将借助示例了解 JavaScript 生成器。在 JavaScript 中，生成器提供了一种使用函数和迭代器的新方法。     使用生成器，    要创建生成器，您需要首先使用 function* 符号定义生成器函数。生成器函数的对象称为生成器。     注意：生成器函数用 * 表示。您可以使用 function* generatorFunc() {…} 或 function *generatorFunc(){…} 创建。    如上所述，您可以暂停生成器函数的执行，而不执行整个函数体
ES6 系列之 Generator 的自动执行的方法示例
10-17
主要介绍了ES6 系列之 Generator 的自动执行的方法示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ES6 系列之 Generator 的自动执行
weixin_33675507的博客
10-18 130
单个异步任务 var fetch = require('node-fetch'); function* gen(){ var url = 'https://api.github.com/users/github'; var result = yield fetch(url); console.log(result...
用 Generator 实现 JS 异步流程控制
程序猿开发日志【学习永无止境】
12-28 4508
前言 当初， JavaScript 引入异步（Asynchonrous）主要是为了解决浏览器端 同步IO 造成的UI假死现象，但是主流的编程语言和Web服务器都采取 同步IO 的模式，原因无非是： 采用 同步IO 编写的代码符合人和直觉，代码容易编写和维护。对于 同步IO 造成的线程阻塞可以通过创建多线程（进程）的方式，通过增加服务器数量进行横向扩展来解决。 但是，在很多情况下，
Generator函数自动执行
alias
09-29 817
promise封装读取文件方法 function readFile(fileName) { return new Promise(function (resolve,reject) { fs.readFile(fileName,function (err,data) { if(err) reject(err); resolve...
JS-23 迭代器介绍；可迭代对象；原生迭代器对象；自定义类的迭代；生成器概念+函数执行+传递参数next函数+提前结束return函数+抛出异常throw函数+替代迭代器
qq_54075517的博客
07-13 1103
迭代器介绍；可迭代对象；原生迭代器对象；自定义类的迭代；生成器概念+生成器函数执行+生成器传递参数next函数+生成器提前结束return函数+生成器抛出异常throw函数+生成器替代迭代器
《javascript高级程序设计》学习笔记 | 7.3.生成器
【前端 · 小讴】的博客
04-20 376
关注[前端小讴]，阅读更多原创技术文章 生成器 ES6 新增的结构，可以在一个函数块内暂停和恢复代码执行，可以自定义迭代器和实现协程 相关代码 → 生成器基础 生成器的形式是一个函数，函数名称前加一个星号* 可以定义函数的地方，都可以定义生成器（箭头函数除外） function* generatorFn() {} // 生成器函数声明 let gfn = function* () {} // 生成器函数表达式 let foo = { *generatorFn() {}, // 生成器函数作为.
js代码-用ES5模拟实现ES6生成器函数
07-15
在JavaScript的世界里，ES6（ECMAScript 2015）引入了一种新的特性——生成器函数（Generator Function）。生成器允许我们编写更复杂的异步代码，它们通过`function*`关键字定义，并且可以使用`yield`关键字暂停和...
JavaScript：生成器
JinsmLill的博客
10-18 789
在使用关键字 function 定义函数对象时，通过在关键字 function 后面添加星号（*）来定义生成器。不能使用箭头函数定义生成器。星号（*）不受其两侧的空格影响。// 定义生成器 function * generator() {} // 在对象字面量中简写函数时 let obj = {} }
JavaScript权威指南：生成器 yield
lanhui的博客
11-04 620
JavaScript生成器的使用和Python的对比 JavaScript权威指南第六版，第11章 JavaScript的子集和扩展，11.4 迭代，生成器。 下面是书中的内容抄录，最后是Python版本的生成器实现。 /** * 生成器 * * 译者注：ES6中似乎无法使用 * * 生成器是JavaScript 1.7的特性（从Python中借过来的概念），这里用到了一个新的关键字...
JS生成器 - generator
hot_cool的博客
11-19 2986
generator（生成器）是ES6标准引入的新的数据类型。最大特点就是可以交出函数的执行权（即暂停执行）。一个generator看上去像一个函数,区别就是函数名前面多了一个星号 *，但可以返回多次。与yield命令配合，可以实现暂停执行的功能 1. 基本使用方法 function* testGenerator(a) { console.log('a'); yield ++a; cons...
【JS】生成器与生成器对象
ccuucc的博客
04-02 1381
关于生成器的浅见
前端八股文（3）53-84
VAN
09-12 1523
前端八股文
javascript常见100问|前端基础知识|offsetHeight-scrollHeight-clientHeight-区别，HTMLCollection-NodeList-区别，vue-com
最新发布
VAN
04-01 1318
适用于兄弟组件，或者“距离”较远的组件。常用 API● 绑定事件 event.on(key, fn) 或 event.once(key, fn)● 触发事件 event.emit(key, data)● 解绑事件 event.off(key, fn)Vue 版本的区别● Vue 2.x 可以使用 Vue 实例作为自定义事件● Vue 3.x 需要使用第三方的自定义事件，例如 https://www.npmjs.com/package/event-emitter。
前端八股文-Nodejs介绍，组成，架构和依赖，特点，运行环境安装，包和NPM,NPM包的版本管理，V8 引擎 和 libuv 库，BFF 中间层，服务端渲染，
VAN
11-05 1180
前端学习
JavaScript教程|导出导入，import*,export default,
VAN
01-07 995
这是我们在本节和前面章节中介绍的所有 export 类型：你可以阅读并回忆它们的含义来进行自查：在声明一个 class/function/… 之前：独立的导出：重新导出：export * from “module”（不会重新导出默认的导出）。export {default [as y]} from “module”（重新导出默认的导出）。
JavaScript教程| 私有的和受保护的属性和方法，内部接口和外部接口受保护的 “waterAmount”
VAN
01-02 971
面向对象编程最重要的原则之一 —— 将内部接口与外部接口分隔开来。在开发比 “hello world” 应用程序更复杂的东西时，这是“必须”遵守的做法。为了理解这一点，让我们脱离开发过程，把目光转向现实世界。通常，我们使用的设备都非常复杂。但是，将内部接口与外部接口分隔开来可以让我们使用它们且没有任何问题。
Python生成器详解与实例
Python生成器是一种特殊类型的迭代器，它们允许开发者以一种更简洁的方式实现迭代逻辑，而无需显式地保存状态。生成器在内存管理上具有优势，因为它们是惰性计算的，即在每次迭代时才生成下一个值，而不是一次性生成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值