JavaScript 实践练习

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将通过一系列实践练习来探索 JavaScript 编程概念和技术。本实验旨在帮助你通过实际场景练习,更深入地理解 JavaScript 并提高编程技能。你将处理诸如创建函数、处理数组和对象以及操作 DOM 以创建动态网页等任务。完成本实验后,你将在 JavaScript 编程方面打下坚实的基础,并能够运用所学知识构建更复杂的应用程序。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("`JavaScript`")) -.-> javascript/BasicConceptsGroup(["`Basic Concepts`"]) javascript/BasicConceptsGroup -.-> javascript/variables("`Variables`") javascript/BasicConceptsGroup -.-> javascript/data_types("`Data Types`") javascript/BasicConceptsGroup -.-> javascript/arith_ops("`Arithmetic Operators`") javascript/BasicConceptsGroup -.-> javascript/comp_ops("`Comparison Operators`") javascript/BasicConceptsGroup -.-> javascript/cond_stmts("`Conditional Statements`") javascript/BasicConceptsGroup -.-> javascript/loops("`Loops`") subgraph Lab Skills javascript/variables -.-> lab-28593{{"`JavaScript 实践练习`"}} javascript/data_types -.-> lab-28593{{"`JavaScript 实践练习`"}} javascript/arith_ops -.-> lab-28593{{"`JavaScript 实践练习`"}} javascript/comp_ops -.-> lab-28593{{"`JavaScript 实践练习`"}} javascript/cond_stmts -.-> lab-28593{{"`JavaScript 实践练习`"}} javascript/loops -.-> lab-28593{{"`JavaScript 实践练习`"}} end

使用重复生成器进行代码练习

为了练习编码,打开终端/SSH 并输入 node 来创建一个无限重复给定值的生成器。使用一个不终止的 while 循环,每次调用 Generator.prototype.next() 时都会 yield 一个值。然后,如果传递的值不是 undefined,则使用 yield 语句的返回值来更新返回值。

const repeatGenerator = function* (val) {
  let v = val;
  while (true) {
    let newV = yield v;
    if (newV !== undefined) v = newV;
  }
};

要测试生成器,使用值 5 创建一个实例,并调用 repeater.next() 以获取序列中的下一个值。输出将是 { value: 5, done: false }。再次调用 repeater.next() 将返回相同的值。要更改值,调用 repeater.next(4),它将返回 { value: 4, done: false }。最后,调用 repeater.next() 将返回更新后的值 { value: 4, done: false }

总结

恭喜你!你已完成重复生成器实验。你可以在 LabEx 中练习更多实验以提升技能。

您可能感兴趣的其他 JavaScript 教程