Функции в 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. Вы можете использовать тот, который вам нравится, или тот, который лучше всего подходит, в зависимости от кода, который вы пишете. В целом, полезно знать различные типы функций.
Спасибо за уделенное время.