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

Что такое функция в JavaScript?

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

Не все функции должны что-то возвращать или не все функции должны принимать параметры.

  • Объявление функции -
function logger() {
   console.log('I am writing function declaration');
}
logger();

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

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

logger();
function logger() {
   console.log('I am writing function declaration');
}

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

  • Функциональные выражения -
const logger = function () {
   console.log('I am writing function expression');
}
logger();

Другой способ написания функции - это функциональные выражения. Здесь мы сохраняем или определяем блок кода в переменной. И мы вызываем функцию, добавляя «()» в переменную. Мы можем назначить анонимную функцию (анонимная функция - это функция без имени функции) как значение переменной.

  • Стрелочные функции -
const logger = () => console.log('I am writing arrow function');
logger();

Последний способ написания функции - использование стрелочных функций. Он представлен в ES6 (ES2015). Это отлично подходит для написания быстрой однострочной функции. Для определения блока кода не нужны фигурные скобки. Возврат происходит неявно в случае однострочных стрелочных функций.

Функция стрелки не имеет этого контекста. (Подробнее об этом в отдельном блоге ..)

Какой тип мы должны использовать в нашем коде?

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

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

Оставайтесь на связи, чтобы узнать больше об обновлениях Javascript ..😊