Функции JavaScript:

NOTE: This article is written for beginner level programers to make them understand, but if you love programming then please go through it and feedbacks are most welcome.

Какие функции?

Функции — один из основных строительных блоков в JavaScript. Функция — это процедура JavaScript — набор операторов, которые выполняют задачу или вычисляют значение.

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

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

Итак, давайте углубимся в функцию, чтобы узнать, как ее определить и как ее вызвать.

Основная функция:

Как определить основную функцию?

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

Итак, здесь мы определили имя нашей самой первой функции hello, с очень простой функциональностью и простым синтаксисом, функциональность которой состоит в том, чтобы печатать Hello World всякий раз, когда вы будете вызывать ее по имени, hello();. Самое приятное то, что вы можете вызывать его столько раз, сколько захотите. Так что довольно легко просто вызвать одно слово hello(); для печатиHello World вместо того, чтобы каждый раз идти и писать console.log('Hello World');.

Как вызвать базовую функцию?

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

В приведенной выше функции, если вы только что вызвали эту функцию с ее именем, например hello, и пропустили круглые скобки ()после ее имени при ее вызове, тогда она будет вызываться как, ссылаясь на функцию, не вызывающую ее.

Но мы здесь, чтобы просто сосредоточиться на части функции и на том, как ее правильно вызвать. Поэтому не забывайте скобки() после имени функции при ее вызове. Если мы возьмем приведенную выше функцию и как ее правильно вызвать, то ее синтаксис будет похож на hello();

Итак, у нас есть все основные сведения, связанные с функциями, теперь вы знаете, как определить функцию, как ее вызвать и, прежде всего, почему мы ее используем.

Функция с синтаксисом возврата:

Но до всего этого некоторые из вас все еще могут быть немного смущены синтаксисом функций. Что касается синтаксиса, я имел в виду реальный синтаксис, поскольку большинство из вас видели, что ключевое слово return используется вместо этого console.log() , например, мы можем написать ту же функцию выше с ключевым словом return, и на самом деле большую часть времени вы будете видеть это. только с синтаксисом возврата. Итак, давайте посмотрим на его функциональность, как он будет себя вести -

Если вы запустите этот фрагмент кода, вы ничего не увидите, он ничего не выведет на ваш экран, почему?

Не паникуйте, отсутствие вывода — это нормально для программиста.

Мы объявили эту hello() функцию так же, как и раньше, но единственное отличие состоит в том, что вместо console.log() мы используем ключевое слово return. Итак, что именно произойдет, если вы запустите этот фрагмент кода, вы ничего не увидите на экране вывода, почему?

Потому что здесь мы просто возвращаемся, ничего не говоря, с этим возвращаемым значением. Итак, как мы можем заставить что-то делать с возвращаемым значением. Это просто, мы можем присвоить его переменной при ее вызове и просто зарегистрировать эту назначенную переменную. Для справки, мы можем видеть тот же фрагмент кода ниже -

Теперь вы можете просто попробовать этот код, вы получите вывод, говорящий Hello World в окне вашей консоли.

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

Функция динамического значения:

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

В приведенном выше фрагменте кода, почему мы называем эту функцию динамической, потому что, как вы можете видеть, здесь мы определили функцию myName() и вызываем ее, передавая ей параметр имени в качестве входных данных, например, myName(‘Abhinandan’);. Вы также можете пойти и вызвать ту же функцию, просто передав свое имя в качестве входного параметра, а затем увидеть свое имя вместо моего в окне вывода. например- myName(‘Alex’);

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

Функция суммы двух чисел:

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

Здесь мы определили функцию sum(), которая будет принимать любые два случайных числа в качестве входных параметров a и b, она вычислит сумму, а затем выведет вывод в окно консоли. Самое приятное то, что вы можете вызывать эту функцию столько раз, сколько хотите, и вы можете проверить ее самостоятельно, передав различные входные данные, такие как sum(3,7);.

Набор примеров для функций:

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

Функция с арифметическими операциями -

Функция с циклом -

Функции с массивами –

Список заданий:

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

  1. какой будет сумма?

2. Найдите квадрат?

3. Что будет на выходе цикла?

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

Спасибо, ребята, скоро начнем новый сеанс.