Практические упражнения по JavaScript

JavaScriptJavaScriptBeginner
Практиковаться сейчас

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

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом практическом занятии (лабораторной работе) мы рассмотрим концепции и методы программирования на 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, который будет yield (возвращать значение с сохранением состояния) каждый раз, когда вызывается метод Generator.prototype.next(). Затем используйте возвращаемое значение оператора yield для обновления возвращаемого значения, если переданное значение не равно undefined.

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, чтобы улучшить свои навыки.