Функции в JavaScript для человека как кислород.

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

Какие бывают типы функций? Существует множество функций, но в этом блоге описаны следующие:

  • Объявление функции
  • Выражение функции
  • Стрелочные функции

Объявление функции:

Что такое объявление функции? Объявление функции - это краткий способ собрать функцию. Он определяется с помощью ключевого слова function и определяется как функция с указанными параметрами.

Что это за параметр? Параметр - это переменная, созданная внутри функции для хранения аргумента. Аргументы - это данные, которые вы передаете при вызове функции. Эти данные могут быть любыми, например числами, строками, логическими значениями, массивами или объектами.

Синтаксис:

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

Как вызывать функции:

nameOfTheFunction(argument);

В приведенном выше примере с использованием ключевого слова function объявляется имя функции, за которым следуют два параметра в круглых скобках, разделенных запятой между ними. Затем, в строке 2, есть новая переменная total, созданная с помощью ключевого слова let. Что добавляет параметры. Затем в строке 3 с помощью ключевого слова return возвращается сумма двух чисел. Затем, наконец, вне функции функция вызывается с использованием имени функции, за которым следуют аргументы, которые в данном случае являются числами.

Выражение функции:

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

Синтаксис:

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

В приведенном выше примере кода показано использование выражения функции, в котором мы объявляем функцию с помощью ключевого слова const, за которым следует имя функции, равное subtract для этой функции. Затем ему назначается функциональный объект с параметром num. Затем тело функции, которое определяется фигурными скобками, возвращает num минус 5. Затем вне функции мы вызываем функцию, используя имя функции и передача аргумента 8. Поэтому, когда функция вызывается, она примет аргумент 8, сохранит его внутри параметра num и выполнит вычитание 8 минус 5, которое вернет 3.

Функция стрелки:

По названию вы могли догадаться, что эта третья функция использует стрелку ( => ) вместо ключевого слова функции. По синтаксису стрелочные функции очень похожи на выражение функции. В функции стрелки стрелка состоит из знака равенства и символа «больше». Это делает наш код более привлекательным и легким для чтения.

Синтаксис:

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

Выше приведен пример стрелочной функции, которая использует ключевое слово const для объявления имени функции. Затем переменной присваивается функциональный объект, начиная с параметров в круглых скобках, затем со стрелкой =>, за которой следует блок кода в фигурных скобках. В фигурных скобках возвращается умножение двух чисел. Затем снаружи мы вызываем функцию, вызывая ее имя и передавая аргументы в параграфе вызова функции.

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

Вот как это выглядит:

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

Кроме того, если у вас есть только один параметр в функции стрелки, вам не нужны круглые скобки вокруг него.

Вот пример:

Это будет работать отлично. Без ошибок. Однако, если у вас более одного параметра, вам потребуются скобки.

Вывод:

Есть другой синтаксис для написания функций. Все они имеют свою уникальность: некоторые из них легко читаются, некоторые поднимаются, а некоторые не поднимаются. С другой стороны, некоторые функции написаны однострочно, а некоторые требуют больше строк кода. Однако все эти функции полезны в JavaScript. Вы можете использовать тот, который вам нравится, или тот, который лучше всего подходит, в зависимости от кода, который вы пишете. В целом, полезно знать различные типы функций.

Спасибо за уделенное время.