首页 > 编程语言 >了解 JavaScript 生成器:强大的代码流控制工具

了解 JavaScript 生成器:强大的代码流控制工具

时间:2024-09-21 16:45:37浏览次数:11  
标签:log 迭代 代码 JavaScript 生成器 value next 流控制

生成器是 javascript 中最强大的功能之一,它允许我们编写可以根据需要暂停和恢复的代码。与一次执行所有代码的常规函数??不同,生成器使用延迟执行,增量返回值,从而更容易处理数据序列、迭代或长时间运行的进程。 发电机如何工作?在javascript中,生成器是使用function*关键字定义的,并与yield关键字结合,允许部分执行函数。每次我们调用生成器函数时,它不会立即执行,而是返回一个允许受控执行的迭代器。示例:const id = (function* () { let i = 1; while (true) { yield i; i += 1; }})();登录后复制在此示例中,函数生成器返回无限的数字序列,其中每个数字仅在需要时生成并返回。 yield 有什么作用?yield 关键字停止生成器的执行并将值返回给外界。在下一个函数调用(使用 next())时,生成器将从中断处继续。立即学习“Java免费学习笔记(深入)”;调用生成器的样子:console.log(id.next().value); // 1console.log(id.next().value); // 2console.log(id.next().value); // 3登录后复制每次调用 next() 都会返回数组的下一个值,并在下一个yield 时暂停该函数。 发电机的优点懒惰:生成器不会立即执行所有内容,而是仅在需要时才生成值。这非常适合处理无限序列或大型数据数组。流量控制:暂停和恢复该功能的可能性可以更好地控制长时间运行的进程。效率:生成器不是将所有值存储在内存中,而是一次返回一个值,这减少了内存消耗。 发电机的缺点虽然生成器很有用,但它们有几个潜在的问题:复杂的流量控制:暂停和恢复会使代码更难理解和调试,尤其是在复杂的场景中。表现:在某些情况下,暂停和恢复代码可能会带来额外的开销,从而降低效率。限量:每次调用返回一个值,如果需要一次访问大量数据,则效率可能会很低。兼容性:生成器是 ecmascript 2015 (es6) 标准的一部分,因此如果没有像 babel 这样的附加工具,较旧的浏览器可能不支持它们。 替代方法如果生成器引入太多复杂性,您可以考虑替代方案:带回调的递归函数:function generateid(callback, start = 1) { callback(start); settimeout(() => generateid(callback, start + 1), 0);}登录后复制优点:更简单的流程控制:虽然使用了递归,但在控制程序流程方面,函数的可读性和清晰性更高。异步执行:使用settimeout可以实现异步操作,这有助于保持性能。缺点:递归开销:对于非常大量的迭代,可能会出现递归问题(堆栈溢出)。循环:对于较小的数组,生成预定数量的值的简单循环可能是更有效的选择。function generateids(limit) { const ids = []; for (let i = 1; i 登录后复制优点:实现简单:这个方案很容易理解,并且没有流量控制的问题。快速生成:所有值一次性生成,可以以更少的迭代次数提高效率。缺点:内存消耗:所有值都存储在内存中,这对于大型数组可能会出现问题。不要偷懒:所有 id 都是预先生成的,如果您不需要全部 id,效率可能会很低。迭代器:通过 .next() 方法返回可迭代值的对象,类似于生成器,但具有更多控制权。function createiditerator() { let i = 1; return { next() { return { value: i++, done: false }; } };}const iditerator = createiditerator();console.log(iditerator.next().value); // 1console.log(iditerator.next().value); // 2console.log(iditerator.next().value); // 3登录后复制优点:流程控制:与生成器具有类似的功能,但执行更加线性。更简单的代码:没有yield,这可以使代码更容易理解。缺点:没有自动暂停:您必须手动管理迭代,这在某些情况下可能会很不方便。使用 async/await 异步生成如果 id 是异步生成的,您可以将 async/await 与返回 promise 的函数结合使用。async function generateID(start = 1) { let i = start; while (true) { await new Promise((resolve) => setTimeout(resolve, 0)); console.log(i++); }}generateID(); 登录后复制优点:异步执行:高效处理长时间运行的操作,而不阻塞主执行流程。现代语法:async/await 是一种更现代、更直观的异步代码处理方式。缺点:不适合同步代码:如果需要同步生成,这个解决方案并不理想。 结论生成器是处理大量无限数据数组以及需要暂停和恢复进程的应用程序中的流量控制的绝佳工具。然而,它们的复杂性和潜在的性能问题意味着它们应该谨慎使用。根据应用程序的要求,迭代、递归或异步代码等替代解决方案可能更合适。 以上就是了解 JavaScript 生成器:强大的代码流控制工具的详细内容,更多请关注我的其它相关文章!

标签:log,迭代,代码,JavaScript,生成器,value,next,流控制
From: https://www.cnblogs.com/aow054/p/18424204

相关文章

  • 书评:Eloquent JavaScript – Web 开发人员的基本指南
    作为最广泛使用的编程语言之一,JavaScript为网络提供了动力。然而,由于其快速发展,跟上JavaScript趋势可能具有挑战性。许多关于这个主题的书籍很快就会过时,但有一本书经受住了时间的考验:EloquentJavaScript。这本书已成为开发人员的最爱,并且正在稳步发展为那些希望加深对语言理......
  • DOM【JavaScript】
    在JavaScript中,DOM(DocumentObjectModel:文档对象模型)是web页面的编程接口,用于表示和操作HTML和XML文档。它将文档结构化为一个树形结构,允许开发者通过JavaScript访问和修改网页的内容、结构和样式。以下是一些关于DOM的关键概念:1.结构DOM树结构是以节点为单位组......
  • python中函数式编程与高阶函数,装饰器与生成器,异常处理与日志记录以及项目实战
    函数式编程是Python强大且灵活的编程范式之一,与此同时,Python也为开发者提供了高阶函数、装饰器、生成器等工具,极大提高了代码的可读性和复用性。此外,异常处理与日志记录是编写可靠、可维护的Python代码的重要组成部分。最后,通过一个项目实战来整合这些概念。我们将从......
  • JavaScript 基础 - 第20天_Node.js入门
    文章目录Day01_Node.js入门提前安装软件目录学习目标01.什么是Node.js目标讲解小结02.fs模块-读写文件目标讲解小结03.path模块-路径处理目标讲解小结04.案例-压缩前端html目标讲解小结05.案例-压缩前端JS目标讲解小结06.认识URL中的端口号目标讲解小结07.http模......
  • HarmonyOs DevEco Studio小技巧18--JavaScript 变量声明与作用域
    在JavaScript中,变量声明和作用域是非常重要的概念。变量声明:var:使用 var 声明的变量,其作用域在函数内,如果在函数外声明,则为全局变量。存在变量提升现象,即在变量声明之前使用该变量不会报错,但值为 undefined。functionexample(){console.log(a);//undefine......
  • JavaScript(输出1-100,输出1-100总和,输出1-100的偶数,奇数和 用while循环和for循环两种方
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><......
  • JavaScript --- 3种数组去重的方法
     方法1<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="wi......
  • JavaScript --- 数组常用方法(3)
    foreach遍历<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content=&......
  • JavaScript是前端语言还是后端语言?
    JavaScript主要被称为前端语言,但它也广泛应用于后端开发。以下是其在这两个领域的角色细分:前端开发客户端脚本:JavaScript主要用于在网站上创建交互式和动态元素。这包括表单验证、动画和处理用户交互等任务。框架和库:React、Angular和Vue.js等流行框架和库利用JavaSc......
  • JavaScript 数组操作
    在javascript中操作2d、3d或4d数组对于ai模型训练和图像/音频/视频分析是必要的。下面是一些使用纯javascript进行数组操作的有用函数,无需使用tensorflow.js等矩阵包。二维数组的转置functiontranspose_2d_array(arr){vartranspose_colnum=arr.length;v......