Функциональность в JavaScript основана на нескольких очень важных концепциях, и переменные, поток управления и циклы являются одними из их самых прочных основ. Переменные позволяют нам хранить и ссылаться на значимую информацию в памяти, поток управления позволяет нам запускать функции на основе определенных условий, а циклы позволяют нам повторять поведение до тех пор, пока какое-либо условие не будет выполнено.

Начав с этого набора фундаментальных принципов, вы сможете решать проблемы и общаться практически в любом сценарии на JavaScript.

Переменные

Что происходит, когда запускается код JavaScript? Во-первых, движок просматривает код по одной строке за раз и сохраняет информацию (данные), которую мы написали, используя специальные ключевые слова объявления, называемые, как вы уже догадались, переменными. JavaScript, сохраняющий эти данные, позволяет нам ссылаться на них, изменять или запускать их функции позже.

Мы можем хранить данные в разных форматах (называемых типами данных) разными способами. Например,

В этом коде мы сохраняем число, строку, объект, массив и логическое значение для переменных с соответствующими именами.

Поток управления

Сохранение данных в переменные — это начало понимания функциональности JavaScript, но как мы можем двигаться к достижению этой функциональности? Мы можем выполнять различные функции в зависимости от конкретных условий. Мы называем это потоком управления, и в JavaScript его можно облегчить с помощью условных операторов. Как это выглядит? Что ж, у нас есть возможность объединять операторы управления потоком, используя ключевые слова if, else if и else.

Мы можем использовать несколько операторов if для одних и тех же данных. Каждый новый экземпляр одного ключевого слова if будет считаться началом нового потока управления. Нам не нужно условие else, если у нас нет случая по умолчанию.

В этом примере мы проверяем, находится ли моя оценка в определенном диапазоне, и предпринимаем соответствующие действия. Если условие не выполняется, код для этого условия не запускается.

Зацикливание

Мы храним данные, чтобы мы могли получить их позже и запустить на них функциональность. У нас есть встроенный в синтаксис JavaScript инструмент, известный как цикл for, который позволяет нам обращаться к каждому индексу массива (по одному) и что-то делать с этим элементом. Мы обращаемся к нашим сохраненным данным, используя метку или имя переменной, которое мы ему дали, и мы можем получить доступ к элементу из нашего массива, используя квадратные скобки (нотация скобок).

Давайте рассмотрим пример, в котором мы хотим суммировать некоторые числа, а затем найти среднее значение (при условии, что возможная оценка равна 100).

Вложенный цикл

Что произойдет, если мы поместим цикл внутрь другого цикла? Почему мы можем захотеть это сделать? Обычно лучше избегать вложенных циклов, если это возможно; однако иногда это необходимо.

Например, если мы хотим увидеть все возможные суммы для каждого числа в массиве, мы должны использовать цикл for для доступа к каждому числу в массиве, а затем использовать внутренний цикл for для добавить каждое число в массиве к числу, которое мы повторяем во внешнем цикле.

При вложении циклов избегайте использования одинаковых имен переменных в обоих циклах. Обычно используется i в качестве имени переменной для внешнего цикла for и j для внутреннего.

Объединение функциональности

Мы можем использовать различные комбинации функций для достижения наших целей. Что, если мы хотим узнать, дают ли в сумме любые два числа в нашем массиве число 7?

Мы можем использовать комбинацию инструментов, изученных сегодня (циклы с потоком управления), чтобы выполнить эту задачу!

Здесь мы присваиваем массив переменной с именем myNums и используем эту переменную в двух циклах for. Во внутреннем цикле for мы создаем условное выражение, чтобы проверить, составляют ли числа в сумме 7, и, если да, выполнить дополнительное действие.

Вывод

Переменные, циклы и поток управления составляют фундаментальные принципы JavaScript. Эти базовые части JavaScript позволяют нам хранить данные и применять функциональные возможности к этим данным. Это основа веб-разработки с помощью JavaScript.

Давайте быстро пробежимся по тому, что мы узнали. Переменные и выполнение относятся к тому, когда мы пишем код и запускаем его, мы в основном сохраняем «данные» и запускаем «функциональность» на нем. Существуют различные типы данных, которые мы можем хранить, и различные функции. Они называются типами данных, и мы можем запускать код на этих данных. Поток управления позволяет нам запускать некоторые функции на основе различных условий, а циклы позволяют нам запускать одну и ту же функцию снова и снова, пока не будет достигнут статус завершения.

Как вы, надеюсь, уже начинаете понимать, мы можем использовать различные комбинации функциональных возможностей доступных данных для создания мощных приложений для решения инженерных задач.